3

我在 primeNG 中有表：

 <p-dataTable [value]="cars" selectionMode="single"  
(onRowSelect)="onRowSelect($event)">
  <p-column field="vin" header="Vin"></p-column>
  <p-column field="year" header="Year"></p-column>
  <p-column field="brand" header="Brand"></p-column>
  <p-column styleClass="grid-col-btn" [style]="{'width':'58px'}">
    <ng-template let-gateway="rowData" pTemplate="body">
     <button type="button" class="btn btn-default btn-flat" 
(click)="deleteCarsFromList(car)"><i class="fa fa-trash-o"></i>
     </button>
    </ng-template>
  </p-column>
</p-dataTable>

因为我在按钮内使用字体真棒图标，所以单击后的操作无法正常工作。当我直接单击图标时，我无法触发方法（单击），因为动作来自（onRowSelection）。如何防止单击表中的此特定列？为了确保每次我使用添加到按钮而不是整个表的方法。

4

1 回答 1

1

我从您的共享代码中看到的一个问题是，您<ng-template>正在使用let-gateway分配模板变量，但您car在模板内部使用。

我提供了一个 plnkr 显示它工作正常

于 2017-08-03T13:14:43.163 回答