在单次ng重复中使用多个ng模型

Question

我试图从使用ng-repeat in anguler生成的复选框列表中选择多个值

<div ng-repeat="item in items">

<input type="checkbox" ng-model="model.ID" ng-true-value="'{{item.ID}}'" ng-false-value="''"/>{{item.Name}}
</div>

但我想要的是为不同的复选框设置不同的ng模型。我怎样才能做到这一点。有没有办法使用ng-repeat

进行ng-repeat

Answer 1

使用$index作为密钥

<div ng-repeat="item in items">

<input type="checkbox" ng-model="model[$index].ID"/>{{item.Name}}
</div>

或使用item unique id：

<div ng-repeat="item in items">

<input type="checkbox" ng-model="model[item.ID]"/>{{item.Name}}
</div>

Answer 2

在Angular中，一个复选框与一个模型链接，但实际上我们通常希望一个模型存储来自多个复选框的已检查值数组。 Checklist-model无需控制器中的其他代码即可解决该任务。 examples