角度2.0の各divの一意のIDを取得する方法は？

Question

私はAngular 2を使用していますが、マークアップで繰り返しているdivがあり、その上にclickというイベントがあります。以下に示すようにコードがある：

マークアップ：

<div class="row"> 
    <button class="btn btn-primary" (click)="addExtra"> 
     Add Extra</button> 
    </div> 

    <div *ngFor="let val of addExtra"> 
     <div class="row"> 
      <div class="col-md-2"> 
       <label for="title">Title</label> 
      </div> 
      <div class="col-md-8"> 
       <input type="text" id="title" style="width:100%" class="form-control" /> 
      </div> 
     </div> 
    </div> 
</div> 

ボタンを使用していることを活字体のコードは次のとおりです。

class MyClass { 
    // Other things in my code... 

    addExtra(): void { 
     this.addExtra.push("inserted"); 
    } 
} 

質問：はどのように1は、一意のIDを追加します追加された各divのために、そのdivを削除するための削除ボタンを持つことができますか？

Answer 1

あなたはindex変数を使用することができます

<div *ngFor="let val of addExtra let i=index" [id]="'id'+i"> 

をしかし、削除ボタンのためにあなたはidプロパティを必要としません。あなたはPlunkerのいずれかの意味を理解することはできません

<div *ngFor="let val of addExtra"> 
    <button (click)="delete(val)">delete</button> 

または

<div *ngFor="let val of addExtra let i=index"> 
    <button (click)="delete(i)">delete</button>