javascript - 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()" />

演示

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>