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'); 
}