angularjs自定義指令中的ng-change函數在用戶第二次輸入後更新輸入值

Question

該函數可以正常工作，但是當用戶輸入第一個數字到文本字段時，它將作爲空值傳遞給控制器​​，並且在第二個輸入之後它傳遞第一個輸入到控制器。我想用正確的值而不是空值爲第一次輸入的控制器賦值。對於號驗證

app.directive('faxFormat', ['$filter', function($filter) { 
     function link(scope, element, attributes) { 

       // scope.inputValue is the value of input element used in template 
       scope.inputValue = scope.phonenumberModel; 

       scope.$watch('inputValue', function(value, oldValue) { 
        value = String(value); 
        var number = value.replace(/[^0-9]+/g, ''); 
        // scope.phonenumberModel = number; 
        scope.inputValue = $filter('phonenumber')(number); 
        scope.phonenumberModel = scope.inputValue; 

       }); 
       scope.$watch('phonenumberModel', function(value, oldValue) { 

        scope.inputValue = scope.phonenumberModel; 

       }); 
//    element.bind('click', function(){ 
//        scope.method(); 
//        }); 
       scope.phoneFocused = function(){ 
        scope.method(); 
       } 

     } 

     return { 
       link: link, 
       //restrict: 'A', 
       //require: 'ngModel' 
       restrict: 'E', 
       scope: { 
        method: '&', 
        phonenumberPlaceholder: '=placeholder', 
        phonenumberModel: '=model', 
        myid: '=myid' 
       }, 

       template: '<input ng-model="inputValue" type="tel" id="{{myid}}" class="phonenumber {{cls}}" ng-trim="false" placeholder="{{phonenumberPlaceholder}}" title="Phonenumber (Format:999-999-9999 or 1-999-999-9999)" ng-change="phoneFocused()">' 
     }; 
}]); 

這裏

我已創建自定義的指令是我的控制器

$scope.removePhoneErrorHighlight = function() { 
             var fax =$scope.phoneData.phoneNumber; 
             console.log(fax); 
} 

這裏是我的html代碼

<fax-format class="faxFormat" myid="'accountPhone'" placeholder="'555-555-5555'" model="phoneData.phoneNumber" method="removePhoneErrorHighlight()" data-ng-focus="removePhoneErrorHighlight()"></fax-format> 

Answer 1

試試這個辦法

link: function (scope, element, attrs, ngModelCtrl) { 

       // on change of modal 
       element.on("change", function (e) { 
        scope.$apply(function() { 
         ngModelCtrl.$setViewValue(element.val()); 
        }); 
       }); 
      } 

如果DOM更改，則將更新的值設置爲範圍。

爲控制器實例，請在您的指令中包含require：'ngModel'。

如果element.on（「變」，...（此語法不是很確定） 如果它不工作請讓我知道。