Question

我有一张简单的表格：

{
    "cluster_name" : "pstl-cluster",
    "component_name" : "METRICS_MONITOR",
    "host_name" : "slave2.mycluster"
}

当用户点击... <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>链接时，我想创建选择标记。对于下拉列表，我使用ng2-select 因此，我遇到两个问题：如何在用户点击Add Select时获取具体td以及如何在Add select中创建选择组件。

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

Angular2。动态组件创建

1 个答案: