Question

我正在使用chrome。

这是我的HTML代码

ng-repeat="tag in formData.amenities"><label><input type="checkbox"  ng-model="tag.enabled">{{tag.text}}:{{tag.enabled}}

当我从视图中选中/取消选中时，我能够收集标记值。问题在于反向绑定。

我正在读取值，然后应用于上面的代码。我可以看到tag.enabled设置为true但视图没有显示已检查。

我尝试了$scope.apply，但即使这样也不会更新视图。

Answer 1

DEMO

使用ng-checked指令

<body ng-controller="MainController">

  <div ng-repeat="tag in formData.amenities">
    <label>Checkbox: <input type="checkbox" ng-checked="tag.enabled" ng-model="tag.enabled">{{tag.text}}:{{tag.enabled}}
    </label>
    </div>

</body>

在控制器中：

angular.module("app", [])
    .controller("MainController", function ($scope) {
    $scope.formData = {
        amenities: [{
            "text": "First",
             "enabled": true
        }, {
            "text": "second",
            "enabled": false
        }, {
            "text": "Thid",
            "enabled": true
        }]
    };
});

Angular复选框未更新为在视图中选中

1 个答案: