2016年6月7日 星期二

操作 ng-repeat 動態產生的物件

.directive("cardid", function () {
        return {
            link: function (scope, element) {
                $(element).mask('9999999999999');
            }
        }
    })

2016年6月6日 星期一

使用 MASKED INPUT PLUGIN 限制輸入



 $(document).ready(function () {
        $.mask.definitions['A'] = "[A-Za-z0-9]";
        $("input[name=車號]").mask('AA?AA', { placeholder: '' }); // ? 後面表示選擇性
    });

下載

ng-mdel 輸入自動轉大寫

 .directive('uppercased', function() {
     return {
         require: 'ngModel',      
         link: function(scope, element, attrs, modelCtrl) {
             modelCtrl.$parsers.push(function(input) {
                 return input ? input.toUpperCase() : "";
             });
             element.css("text-transform","uppercase");
         }
     };
 })


input type="text" uppercased ng-model="id"

input 連結 datalist 用程式控制彈出選項

範例: nextTick(() => document.querySelector('input').showPicker());  ※僅支援現代瀏覽器