Angular Мат-таблица с расширяемыми строками - останавливать раскрытие при нажатии кнопки строки

Question

Я хочу, чтобы расширение строки отключалось, когда пользователь нажимает кнопки, расположенные в строке. Особенно, если у нас есть всплывающее меню для каждой строки, это действительно отвлекает, когда расширение строки происходит одновременно. Есть ли способ предотвратить это.

см. Пример ниже, когда пользователь пытается щелкнуть по трем точкам прицела в правом конце строки, строка расширяется. Фактически, это происходит при нажатии любой кнопки в строке. https://stackblitz.com/edit/angular-uy3mc4-cfmqoh

Answer 1

Простым подходом было бы вызвать обработчик события $event.stopPropagation(), чтобы предотвратить получение панелью события щелчка. Например:

вместо

<button mat-icon-button (click)="editAsset(row)" title="Edit">
   <mat-icon color="primary">mode_edit</mat-icon>
</button>

используйте

<button mat-icon-button (click)="$event.stopPropagation(); editAsset(row)" title="Edit">
   <mat-icon color="primary">mode_edit</mat-icon>
</button>