Angular2。動態組件創建

Question

我有一個簡單的表：

... 
    <tr> 
     <td> 
     <a href="#">Add select</a> 
     </td> 
     <td> 
     <a href="#">Add select</a> 
     </td> 
     <td> 
     <a href="#">Add select</a> 
     </td> 
    </tr> 
    <tr> 
     <td> 
     <a href="#">Add select</a> 
     </td> 
     <td> 
     <a href="#">Add select</a> 
     </td> 
     <td> 
     <a href="#">Add select</a> 
     </td> 
    </tr> 

當用戶點擊鏈接Add Select我想創建一個選擇標記。對於下拉列表我使用ng2-select 所以，我有兩個問題，如何得到具體td當用戶點擊Add select以及如何創建在td選擇組件。

Answer 1

<tr> 
    <td> 
    <a href="#" (click)="addSelect(0)">Add select</a> 
    <ng2-select *ngFor="let item in ng2Selects[0]"></ng2-select> 
    </td> 
    <td> 
    <a href="#" (click)="addSelect(1)">Add select</a> 
    <ng2-select *ngFor="let item in ng2Selects[1]"></ng2-select> 
    </td> 
    <td> 

ng2Selects = []; 
addSelect(index:number) { 
    if(this.ng2Selects.length < index) { 
    this.ng2Selects[index] = []; 
    } 
    this.ng2Selects[index].push('dummy'); 
}