angular - 如何防止点击行中的一列 - primeNG 数据表？

Question

我在 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>

因为我在按钮内使用了很棒的字体图标，所以点击后的 Action 无法正常工作。当我直接单击图标时，我无法触发方法(单击)，因为操作来自(onRowSelection)。我怎样才能防止点击表格中的这个特定列？确保每次我使用添加到按钮而不是整个表格的方法。

Answer 1

我可以从您的共享代码中看出一个问题，即您的 <ng-template>正在使用 let-gateway分配您的模板变量，但您正在使用 car在你的模板中。

I have provided a plnkr that shows it working correctly