在列表中选中AngularJS复选框

时间:2014-05-30 01:29:45

标签: javascript angularjs

我有一个名为positions的列表,其中包含N个位置。我还有一个用户user,其具有属性user.positions,其中包含一些分配的位置。

我想要显示一个包含所有可能位置的表单,以及用户必须检查的位置。

这是我可以在HTML中做的事情,还是我需要在逻辑中循环并创建一个新变量?

1 个答案:

答案 0 :(得分:2)

<label ng-repeat="position in positions">
  <input type="checkbox" ng-checked="user.positions.indexOf(position) != -1" /> {{position}}
</label>

http://jsfiddle.net/t4ZQd/

https://docs.angularjs.org/api/ng/directive/ngRepeat

https://docs.angularjs.org/api/ng/directive/ngChecked