1つのチェックボックスをオンにしてチェックボックスグループ全体を選択しないでください

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から1つの項目だけを選択する必要があります。それ、どうやったら出来るの？

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>