Question

以下是背景信息：＆＃34; isChecked == 1＆＃34;然而，虽然它的初始化，它并没有触发＆＃34; ng-change＆＃34;第一次＆＃34;点击＆＃34;动作。

<td ng-repeat="isCheck in item.check track by $index">
    <input type="checkbox" ng-model="isCheck" ng-checked="isCheck == 1" ng-true-value="1" ng-false-value="0" ng-change="f(isCheck, item, vm.modules[$index])"/>
</td>

Answer 1

检查此工作代码：

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope) {
    $scope.item = {};
    $scope.item.check = [1, 0, 1, 0];

    $scope.f = function(isCheck) {
        console.log(isCheck);
    };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp">
  <div ng-controller="MyCtrl">
    <table>
      <tr>
        <td ng-repeat="isCheck in item.check track by $index">
          <input type="checkbox" ng-model="isCheck" ng-checked="isCheck === 1" ng-true-value="1" ng-false-value="0" ng-change="f(isCheck)"/>
        </td>
      </tr>
    </table>
  </div>
</div>

Answer 2

如果以编程方式更改ng-model，则

ng-checked不能与ng-change一起使用，请查看官方文档：

https://docs.angularjs.org/api/ng/directive/ngChange

选中复选框后，不会触发ng-change

2 个答案: