AngularJS复选框重复和选定的对象?

Jak*_*har 40 javascript checkbox repeat angularjs

我试图以适当的方式做到这一点,减少痛苦,但我无法弄清楚如何处理ng模型并将其绑定到选定的列表等,而且我需要在以后填充该列表并保持选定的对象在里面.

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>
Run Code Online (Sandbox Code Playgroud)

每次填充列表时我都必须覆盖类别,因为它将从服务器中提取出来.

所以我想我需要有数组,第二个将保存所选对象?

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

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

我在复选框中是否需要ng-model?为什么?

什么是适当的方式,减少疼痛?

bml*_*ite 70

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

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

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

保存模型上所选选项/复选框的ID,然后ng-model完成剩下的工作.

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

不,你不需要它,ng-model就够了.

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

是的,你需要它.该ng-model负责存储你的模型所选择的选项和用于制造("前- ")选择自动.

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

  • 简化这个 - 更简单的有时候是http://jsfiddle.net/PQvQ2/82/或者在一个对象http://jsfiddle.net/PQvQ2/83/内 (5认同)
  • 你仍然可以这样做,在这种情况下,只需要观察`selections.ids`上的更改并基于此创建`selection.objects`就更容易了.示例:http://jsfiddle.net/bmleite/PQvQ2/1/ (4认同)