2017-04-20 12 views
-2

私は真偽値といくつかのテキストを含む配列を持っています。配列上でngForを実行すると、チェックボックスがチェックされておらず、入力値が設定されていません。すべての入力が空白のチェックボックスと入力値がngForに設定されていませんか?

<tr *ngFor="let milestone of milestones"> 
      {{milestone.IsIncluded}} //I can see true or false 
       <td><input [(ngModel)]="milestone.IsIncluded" name="IsIncluded" type="checkbox"></td> 
       <td>{{milestone.MilestoneTitle}}</td> 
       <td> 
       {{milestone.Name}} //I can see the name 
       <input type="text" name="Name" [(ngModel)]="milestone.Name" class="form-control" /> 
       </td> 
      </tr> 

、それはmilestone.Nameから来た値を設定し、すべてのされていない:私はちょうど{{}}を経由して、ブールおよびテキストの値を示した場合、私は値が見ることができますアレイの最初の2つがIsIncludedをtrueに設定していても、チェックボックスはオフになります。

答えて

1

私はそれを理解しました。 ngForのように見えるので、私は入力のために一意の名前を持つ必要があるので、私はこれをしました:

<tr *ngFor="let milestone of milestones;let in = index"> 
       <td><input [(ngModel)]="milestone.IsIncluded" name="IsIncluded-{{in}}" type="checkbox"></td> 
       <td>{{milestone.MilestoneTitle}}</td> 
       <td> 
       <input type="text" name="Name-{{in}}" [(ngModel)]="milestone.Name" class="form-control" /> 
       </td> 
      </tr> 
関連する問題