angularjs ng-change函數在HTML輸入中無法正常觸發

Question

<input name="maxSalary" id="MaxSalary" type="number" min="0" class="form-control" ng-model="dp.maximumSalary" ng-change="minMaxSalaryComparision()" />

這是我的html輸入。 當我添加一個整數值時，它可以正常工作。 但是，如果我添加0000 ng-change僅在首次輸入0的情況下觸發。這是我的Java腳本。

 $scope.minMaxSalaryComparision = function () {
        alert($scope.dp.maximumSalary);
    };

任何想法？

Answer 1

使用ng-keyup或ng-keydown代替ng-change

<input name="maxSalary" id="MaxSalary" type="number" min="0" class="form-control" ng-model="dp.maximumSalary" ng-keyup="minMaxSalaryComparision()" />

DEMO

 angular.module("Demoapp",[]) .controller("Democtrl",function($scope){ $scope.minMaxSalaryComparision = function () { alert($scope.dp.maximumSalary); }; }) 

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <div ng-app="Demoapp" ng-controller="Democtrl"> <input min="0" class="form-control" ng-model="dp.maximumSalary" ng-keyup="minMaxSalaryComparision()" /> </div> 

Answer 2

更改ng模型的值時，ng change觸發。 由於0000等於0 ng，因此不會觸發更改。

或者，釋放鍵時可以使用ngKeyup觸發此事件

 angular.module("app",[]) .controller("ctrl",function($scope){ $scope.minMaxSalaryComparision = function () { alert($scope.dp.maximumSalary); }; }) 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app" ng-controller="ctrl"> <input name="maxSalary" id="MaxSalary" type="number" min="0" class="form-control" ng-model="dp.maximumSalary" ng-keyup="minMaxSalaryComparision()" /> </div>