Angularjs 复选框已选中 ng-change 无操作

Question

HTML

<input type="checkbox" ng-model="activeStatus" 
       ng-checked="outlet2Datas.INT_EXTEND_1 == 1"
       ng-change="setOutletStatus(activeStatus)"
       ng-true-value="1" ng-false-value="0" />

控制器

    $scope.setOutletStatus = function (activeStatus) {
        console.log(activeStatus);
    }

我是 angularjs 新手，我需要一些关于复选框 ng-change 的帮助。

这是 HTML 复选框输入。当值为 1 时，我从 API 获取值以选中复选框。当复选框值从 1 开始表示复选框被选中时，我单击复选框控制台什么都没有出来。然后我再次单击复选框，控制台返回值 1 并再次单击值为 0。为什么 ng-change 第一次在选中复选框时无法执行操作，但在未选中复选框时可以执行操作？

Answer 1

参考Angular documentation 你不应该使用ngModel 和ngChecked。因为这可能导致意外行为。似乎你的情况就是这样。

您可以将true 或false 分配给您传递给ng-model 指令的变量。或任何其他值，但它应该与 ng-true-value 和 ng-false-value 指令中声明的值之一相同。

您也不需要将模型变量作为参数传递给ng-change 回调。因为您已经可以在 $scope 中访问此变量。

基本上，我为您准备了jsbin，并提供了工作示例。希望这会有所帮助。