選中一個複選框不應選中整個複選框組

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-模型
2）設置清單值代替NG-值

Answer 2

你相同的外部化可變vm.selectedItem每個複選框附着。因此，當你檢查一個變量時，它會將該變量更改爲true，然後選擇所有複選框，因爲它們綁定到現在的相同變量true。

我給你的建議是將selected財產附加到ItemList中的每個項目。然後把它連接到ng模型，如下所示。

<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>