AngularJS复选框NG-重复和选择的对象?(AngularJS checkbox ng-rep

2019-07-19 18:26发布

我想痛苦少做,在适当的方式,但我无法弄清楚如何处理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>

我有每个列表中填充,因为它会从服务器中拉出时覆盖的类别。

所以我想我需要有数组,第二个将举行选定的对象?

如果我是正确的,我怎么预选复选框?

我是否需要为了调用自定义函数NG单击存储其他数组中选择的对象?

我需要NG-模型复选框,什么?

什么是正确的路用更少的痛苦吗?

Answer 1:

我每次填充列表时,覆盖的类别,因为这将是拉出形式的服务器。 所以我quess我需要有数组,第二个将举行选定的对象?

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

如果我是正确的,我怎么预选复选框?

节省您的模型所选的选项/复选框的ID的,让ng-model做休息。

我是否需要为了调用自定义函数NG单击存储其他数组中选择的对象?

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

我是否需要复选框NG-模式? 干嘛?

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

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



文章来源: AngularJS checkbox ng-repeat and selected objects?