Wie zu verhindern, klicken Sie auf eine Spalte in Zeile - PrineNG DataTables?

Question

Ich habe Tabelle in 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> 

Weil ich innerhalb Schaltfläche Schrift ehrfürchtige Symbol verwenden Sie die Aktion nach Klick nicht richtig funktioniert. Wenn ich direkt auf das Symbol klicke, kann ich keine Methode (Klick) auslösen, weil die Aktion von (onRowSelection) ist. Wie kann ich verhindern, dass ich auf diese bestimmte Spalte in der Tabelle klicke? Um sicher zu gehen, dass jedes Mal, wenn ich die Methode verwende, der Button nicht ganze Tabelle ist.

Answer 1

Ein Problem, das ich von Ihrem gemeinsamen Code sehen kann, ist, dass Ihre <ng-template>let-gateway verwenden Ihr Template-Variable zuweisen, aber Sie verwenden car in Ihrer Vorlage.

I have provided a plnkr that shows it working correctly