ネストされたngForの繰り返しのチェックボックス入力

Question

ネストされたオブジェクトを繰り返そうとしていますが、値がtrueまたはfalseのチェックボックスがあります。

<accordion-group 
    *ngFor='let brand of products'> 
    <div *ngFor='let product of brand.products'> 
     <div> 
      <input type="checkbox" id="{{product.name}}" ngControl="{{product}}" ([ngModel])="product.checked"> 
      <label 
       attr.for="{{product.name}}" 
       id="{{product.description}}" 
       class="{{product.description}}" 
       (click)="onCheck(model)"> 
      </label> 
      </div> 
     </p> 
     </div> 
    </accordion-group> 

Plunker：

はここに私のコードですhttp://plnkr.co/edit/IItxHiXkpocUjLG6NhMy?p=preview - 数量値が更新されたときにチェックボックスがチェックしていないことがわかります。 ngModelを正しく動作させることができません。

Answer 1

• ない "バナナでボックス"、 "ボックス内のバナナ" と呼ばれています

  [(ngModel)] 
  

  する必要がありますngControlは、角2に従ってfromControlNameにする必要があります。

• （[ngModel]）は[(ngModel)]であるか、[ngModel]と(ngModel)のように異なるものとして使用する必要があります。 dynamicaly

使用[id]="product?.name"の代わりに、あなたのケースを使用しているとして、ID、名前などを結合しながら、

より良いproperty Binding using [ ]を使用するid="{{product.name}}"

使用[attr.for]="product?.name"代わりattr.for="{{product.name}}"

のまだ残りの場合は、残りのすべてが大丈夫だと思われる同じ問題で問題をplunkerに再現して投稿してください。

Answer 2

これは

([ngModel]) 

無効であり、それは;-)

Answer 3

[（ngModel）] = "product.checked";

角度2で100％動作する