javascript - AngularJS，在声明 ng-model 之前激活复选框

Question

我正在使用 Angular 开发一个 Web 应用程序，我需要一些与数据库内容相关的复选框，因此我使用 ng-repeat 来实现。我想要一个辅助数组来控制 ng-model，并且最初所有复选框都必须为 true。

我从 ajax 请求中获取数据，但我现在事先不知道要获取多少个元素，所以我不知道会有多少个复选框。问题是，在 ajax 调用完成之前我不知道辅助数组的大小，那时复选框已经出现在屏幕上且未选中。

我的代码如下:

<div class="checkbox" ng-repeat="c in categories">
    <label for="{{c.id}}" ><input type="checkbox" ng-model="catselection[c.id]">{{c.name}}</label>
</div>

在 Controller 中我有这个:

$http.get("api.php/categories")
    .success(function(data, status, headers, config){
        $scope.categories = data;
        $scope.catselection = [];
        for(x in $scope.categories){
            $scope.catselection.push("true");
        }
    })
    .error(function (data, status, headers, config) {});

其余的行为是正确的，但我需要在开始时激活复选框，我已经尝试过 html 属性 checked 甚至 ng-checked 和我知道不推荐使用 ng-model，而且到目前为止似乎没有任何效果。

Answer 1

你试过吗ng-init ？

...
<label for="{{c.id}}" ><input type="checkbox" ng-model="catselection[c.id]" ng-init="catselection[c.id] = true">{{c.name}}</label>
...