divのidとしてインデックス値を取得する方法は？

Question

現在、私は角度2.0を使用しています。私はaddExtraという配列を持っています：number [] = [0,1,2,3];次のように

私のhtmlコードは次のとおりです。

<div *ngFor="let val of addExtra"> 
    <div class="row"> 
     <div style="margin-left:15px;"> 
      <button class="btn btn-danger btn-delete" 
      (click)='delete(val)'> 
       <i class="fa fa-times" aria-hidden="true"></i> 
      </button> 
      <label for="isCheckBox">Draw</label> 
      <input id="isCheckBox" id=val type="checkbox" class="setCheckbox" (change)="isChecked($event)" style="vertical-align: text-bottom;" /> 
     </div> 
    </div> 
</div> 

は、どのように私は、チェックボックスへのidとして0、1、2、3を意味するのvalを得るのですか。

Answer 1

<input id="{{val}}" type="checkbox" class="setCheckbox" (change)="isChecked($event)" style="vertical-align: text-bottom;" /> 

Answer 2

<div *ngFor="let val of addExtra; let i = index;"> 
     <div class="row"> 
      <div style="margin-left:15px;"> 
       <button class="btn btn-danger btn-delete" 
       (click)='delete(val)'> 
        <i class="fa fa-times" aria-hidden="true"></i> 
       </button> 
       <label for="isCheckBox">Draw</label> 
       <input id="isCheckBox" id={{i}} type="checkbox" class="setCheckbox" (change)="isChecked($event)" style="vertical-align: text-bottom;" /> 
      </div> 
     </div> 
    </div> 

Answer 3

は、HTMLタグの2のIDを持つことはできません。

<input id={{val}} type="checkbox" class="setCheckbox" (change)="isChecked($event)" style="vertical-align: text-bottom;" />