2017-05-03 66 views
2

這裏是代碼,我試圖使用兩個ngChanges,它是正確的還是其他方式。是否有可能在一個輸入字段中使用拖尾變化

<select ng-change="updatedate()" ng-change="checkDate()" class="form-control" name="anniversaryMonth" ng-model="anniversaryMonth" month-options> 
</select> 

感謝, 賈米爾

回答

3

請勿使用2 ng-change。只需用;

ng-change="updatedate(); checkDate();" 
+0

謝謝,它的工作正常。 – Zameer

2

使用一個ng-change多個操作和;

ng-change="updatedate();checkDate();"

<select ng-change="updatedate();checkDate();" class="form-control" name="anniversaryMonth" ng-model="anniversaryMonth" month-options> 
</select> 
+0

我想你不能添加';'末'NG-變化= 「updatedate();了checkdate();」' –

+0

謝謝,它的工作的罰款。 – Zameer

4

呼叫在這樣一個NG-變化的方法都將它們分開。

<select ng-change="updatedate(); checkDate()" class="form-control" name="anniversaryMonth" ng-model="anniversaryMonth" month-options> </select> 
1

單獨的功能沒有代碼錯誤,如果我們所說的像您配置在同一個元素2 NG-變化:

<select ng-change="updatedate()" ng-change="checkDate()" class="form-control" name="anniversaryMonth" ng-model="anniversaryMonth" month-options> 
</select> 

的問題只是它不會解決你的目的我的意思是你想在更改時執行函數updatedate()checkDate()。它只會調用你配置的第一個功能。

現在,如果你想執行這兩個函數,你將需要調用這兩個函數與';'以相同的ng變化分隔。

您可以檢查運行example的差異。

<!DOCTYPE html> 
<html> 
<body ng-app="myApp"> 

<div ng-controller="myCtrl"> 
    <p>Write something in the input field:</p> 
    <input type="text" ng-change="myFunc()" ng-change="myFunc1()" ng-model="myValue" /> 
    <p>two ng-change called for two function. value of count is {{count}} times.</p> 
    </div> 
    <div ng-controller="myCtrl"> 
    <input type="text" ng-change="myFunc();myFunc1()" ng-model="myValue" /> 
    <p>Two function call in one ng-change. value of count is {{count}} times.</p> 
</div> 



<script> 
    angular.module('myApp', []) 
    .controller('myCtrl', ['$scope', function($scope) { 
     $scope.count = 0; 
     $scope.myFunc = function() { 
     $scope.count++; 
     console.log('inc'+$scope.count); 
     }; 
     $scope.myFunc1 = function() { 
     $scope.count--; 
     console.log('dec'+$scope.count); 
     }; 
    }]); 
</script> 


</body> 
</html> 
相關問題