在列表中选中AngularJS复选框

AngularJS checkbox selected in a list

本文关键字:复选框 AngularJS 列表      更新时间:2023-09-26

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

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

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

<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