ngmodelの動的プロパティバインディングを設定する方法4

Question

私はチェックリストを作ることに打たれました。私は私が、角度4

このような

<div *ngFor="let Discipline of addDropDown.Disciplines let i = index"> 
      <div class="form-group clearfix" style="width:100%" *ngIf="i>=7"> 
      <label style="width: auto; float: left;margin-bottom: 20px;padding-left: 10px;">{{Discipline.Name}}</label> 
      <div style="width: auto;float: right;margin:0 10px;"> 
       <label class="checkboxArea" style="width: auto;float: left;margin:0 10px;"> 
       <input [ngModel]="this['checkitem' + Discipline.Id]" (ngModelChange)="updateChecked($event,Discipline.Id)" type="checkbox"> 
       <span class="checkmark"></span> 
       </label> 
      </div> 
      </div> 
     </div> 

にHTMLテンプレートを作成するように、動的なデータのためのチェックリストを作った私は[ngModel]="this['checkitem' + Discipline.Id]

に規律IDが異なるという問題は、データとプロパティの値に依存していも

を変更しますサンプルデータ

{"173":false,"174":false,"175":false,"176":true,"177":false,"178":true,"179":true,"180":true,"181":false} 

プロパティを動的に取得する方法は他にもありますが、私はいくつかの方法を試してみました。

はその

Answer 1

それは君たち

fine..thank作品 [(ngModel)]="checkitem[Discipline.Id]"

を使用する必要があります最終的に私は長い間、検索から

を答えを得たために解決策を与えてください方法は

[ngModel]="checkitem[Discipline.Id]" 
[ngModel]="checkitem.[Discipline.Id]" 

です試してみました