Question

以下是我用来填充复选框列表的代码。

<label class="checkbox-inline" ng-repeat="item in vm.ItemList track by item .id">
<input type="checkbox" name ="item " ng-value="item .id" ng-model ="vm.selecteditem" />{{item.name}}
</label>

上面的代码选择ItemList中的所有项目。我需要从itemList中只选择一个项目。我该怎么做？

Answer 1

https://vitalets.github.io/checklist-model/

这个链接对我有用！

1）设置清单 - 模型而不是ng-model
2）设置checklist-value而不是ng-value

Answer 2

您将相同的外化变量vm.selectedItem附加到每个复选框。因此，当您选中一个时，它会将该变量更改为true，然后选择所有复选框，因为它们绑定到现在为true的同一个变量。

我的建议是将selected属性附加到ItemList中的每个项目。然后将其附加到ng-model，如下所示。

<label class="checkbox-inline" ng-repeat="item in vm.ItemList track by item .id">
     <input type="checkbox" name ="item " ng-value="item .id" ng-model= "item.selected" />{{item.name}}
</label>

选中一个复选框不应选择整个复选框组

2 个答案: