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

时间:2013-02-12 14:00:48

标签: javascript angularjs checkbox repeat

我试图以适当的方式做到这一点,减少痛苦,但我无法弄清楚如何处理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>

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

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

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

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

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

痛苦减轻的正确途径是什么?

1 个答案:

答案 0 :(得分:70)

  

每次填充列表时我都必须覆盖类别   因为它将从服务器中拉出来。所以我觉得我需要   数组和第二个将保存所选对象?

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

  

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

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

  

我是否需要按住ng键才能调用自定义函数来存储所选内容   另一个数组中的对象?

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

  

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

是的,你需要它。 ng-model负责在您的模型上存储选定的选项,并自动进行('预 - ')选择。

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