角度复选框未更新为在视图中选中答案

【问题标题】：Angular checkbox not updating to checked in the view角度复选框未更新为在视图中选中
【发布时间】：2015-05-30 13:49:09
【问题描述】：

我正在使用 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，但即使这样也不会更新视图。

【问题讨论】：

将ng-checked="tag.enabled" 放入您的HTML
一切正常jsbin.com/jaruki/1/edit?html,js,output

标签： angularjs google-chrome checkbox angularjs-directive

【解决方案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
        }]
    };
});

【讨论】：

不起作用。如果我添加 ng-checked，即使启用为 false，所有内容都会被选中。
请查看演示，你会明白的。也相应地构造你的对象