javascript - AngularJS 复选框 ng-repeat 和选定的对象？

Question

我正在尝试以适当的方式以较少的痛苦来完成它，但我无法弄清楚如何处理 ng-model 并将其绑定(bind)到选定的列表等，而且我需要在以后填充该列表并且将选定的对象保留在其中。

categories = [ { "name": "Sport", "id": "50d5ad" } , {"name": "General", "id": "678ffr" } ]

    <span ng-repeat="category in categories">
      <label class="checkbox" for="{{category.id}}">
        <input type="checkbox" value="{{category.id}}" ng-model="??" ng-click="??" name="group" id="{{category.id}}" />
        {{category.name}}
      </label>
    </span>

每次填充列表时我都必须覆盖类别，因为它将从服务器中拉出。

所以我想我需要有数组，而第二个数组将保存选定的对象？

如果我是对的，我该如何预选复选框？

我是否需要 ng-click 才能调用自定义函数将所选对象存储在另一个数组中？

我需要复选框中的 ng-model 有什么用？

什么是痛苦小的正确方法？

Answer 1

I have to override the categories each time the list is populated since it will be pull out form server. So i quess i need to have arrays and the second one will hold the selected objects?

是的，因为它是一个你可以/应该使用数组的列表。有关所选项目/对象的信息应存储在您的范围模型中(如下示例)。

If I am right, how do I preselected checkboxes?

将所选选项/复选框的 ID 保存在您的模型中，让 ng-model 完成其余的工作。

Do I need ng-click in order call custom function to store the selected object in the other array?

不，你不需要它，ng-model 就足够了。

Do i need ng-model in check box? And what for?

是的，你需要它。 ng-model 负责将所选选项存储在您的模型中，并使(“预”)选择自动进行。

jsfiddle http://jsfiddle.net/bmleite/PQvQ2/