在单个 ng-repeat 中使用多个 ng-model

Question

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

<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-models。我怎样才能做到这一点。有没有办法在不使用 ng-repeat

的情况下完成 ng-repeat 的功能

Answer 1

使用$index作为键

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

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

或使用项目唯一 ID：

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

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

Answer 2

在Angular中，一个复选框与一个模型相关联，但实际上我们通常希望一个模型存储来自多个复选框的选中值数组。 Checklist-model solves that task without additional code in controller. examples

Using multiple ng-models in a single ng-repeat