Question

这是代码，我正在尝试使用两个ngChanges，它是正确的还是任何替代方式。

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

谢谢，贾米尔

Answer 1

像这样在单个ng-change中调用两种方法。

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

Answer 2

不要使用2 ng-change。只需使用;

分隔函数即可

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

Answer 3

在一个ng-change中使用多个操作，并将其与;分开，如

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

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

Answer 4

如果我们在您配置的同一元素中调用两个ng-change，则没有代码错误：

<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>

是否可以在一个输入字段中使用拖动更改

4 个答案: