Я использую mat-table , и мне нужно добавить пользовательский значок в заголовок mat-sort, но теперь, если я нажму на значок, таблица будет отсортирована, а я не хочу это поведение, это код:
<!-- line Column -->
<ng-container matColumnDef="line">
<th mat-header-cell *matHeaderCellDef mat-sort-header disableClear>
line
<span *ngIf="lineFiltered == false; else noFilteredline" (click)="filterLine.toggle($event)" class="filter">
<i class="fa fa-filter" aria-hidden="true"></i></span>
<ng-template #noFilteredline>
<span (click)="filterLine.toggle($event)" class="filter success"
><i class="fa fa-filter" aria-hidden="true"></i
></span>
</ng-template>
</th>
<td mat-cell *matCellDef="let row">{{ row.line }}</td>
</ng-container>
это заголовок сортировки:
Если я поставлю иконку снаружи, она не появится.
p.s. Я не могу использовать event.stopPropagation ()