Angular Js-有没有办法动态生成预先选择的复选框？

Question

我已经徘徊了两到三个小时，我发现了很多相关的问题，但我的情况只是有点曲线。我必须生成一些checkboxes，这显然是通过ng-repeat 生成的。如何显示从Api 获得的预选值。这是我收到的数据类型。

预选数据

$scope.categoriess = [{"id":1,"name":"Garden Cleaning"},{"id":3,"name":"Home Cleaning"}].

这是我使用ng-repeat的数据。

ng-重复数据

$scope.categories = [{"id":1,"name":"Garden Cleaning"},{"id":2,"name":"Gutter Cleaning"},{"id":3,"name":"Home Cleaning"},{"id":4,"name":"Pool Cleaning"}

HTML

  <div ng-repeat="cats in categories">
      <input type="checkbox" ng-model="categoriess.id[cats.id]">
               <label>{{cats.name}}</label>
                  </div>

现在我将如何告诉ng-repeat 检查预选数据，此外，如果我想再检查几个框，它们也应该被选中，我希望它们存储在$scope.categoriess 中。我尝试了多种解决方案，无论是使用 ng-checked 还是在 ng-checked 中进行函数调用，都没有得到预期的结果。

Answer 1

我看到了这个，但我不知道它是如何工作的，上帝救了我的命。看到这个checklist-model。它是如此简单，无需使用 ng-checked 或动态的东西，预先选择并轻松更新

[1]: http://jsfiddle.net/iem_usman/v3k6pwrj/1/

Answer 2

像这样改变你的html：

<div ng-repeat="cats in categories">
   <input type="checkbox" ng-model="categoriess.id[cats.id]" ng-checked="isChecked(cats.id);">
   <label>{{cats.name}}</label>
</div>

在你的控制器中添加这个功能：

$scope.selectedCategoriess = [{"id":1,"name":"Garden Cleaning"},{"id":3,"name":"Home Cleaning"}].

$scope.isChecked = function(id){
for (var i = 0; i < $scope.selectedCategoriess.length; i++) {
    if ($scope.selectedCategoriess[i].id == id) {
        return true;
    }
}
return false;
}

如果 id 可用，则检查值为“true”。

Answer 3

你为什么不把你的数据格式化成另一个属性，比如

{"id":1,"name":"Garden Cleaning", "checked": true}

这样，当你遍历数据时，你可以勾选复选框

<div ng-repeat="cats in categories">
  <input type="checkbox" ng-checked="cats.checked">
  <label>{{cats.name}}</label>
</div>