一尘不染

AngularJS复选框ng-repeat和所选对象?

angularjs

我正在尝试以减轻痛苦的适当方式进行操作,但是我无法弄清楚如何处理ng-model并将其绑定到所选列表等,而且我需要在以后填充该列表并保留所选对象在里面。

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吗?

减轻痛苦的正确方法是什么?


阅读 189

收藏
2020-07-04

共1个答案

一尘不染

每次填充列表时,我都必须覆盖类别,因为它将从表单服务器中拉出。所以我问我需要有数组,第二个数组将容纳所选对象?

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

如果我是对的,该如何预选复选框?

将所选选项/复选框的ID保存在模型上,然后ng-model执行其余的操作。

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

不,您不需要它就ng-model足够了。

我是否需要在复选框中使用ng-model?那又是为了什么呢?

是的,您需要它。该ng-model负责存储你的模型所选择的选项和用于制造(“预- ”)选择自动。

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

2020-07-04