Директива диалога подтверждения Angular 6 для mat-button

#angular #button #dialog #angular-directive #confirm

#angular #кнопка #диалоговое окно #angular-директива #подтвердите

Вопрос:

Я хотел бы использовать какой-нибудь встроенный механизм Angular для запуска стандартного диалогового окна подтверждения (показано ниже) при нажатии кнопки действия внутри material design, без создания дополнительного компонента.

введите описание изображения здесь

И сразу после нажатия кнопки «OK» для возврата потока управления к функции, которая обрабатывала нажатие кнопки действия (просто отбросьте саму себя). В случае отмены просто закройте режим подтверждения и ничего не делайте.

Я попробовал следующий код, но он не работает (

 <mat-cell class="action" *matCellDef="let row">
                                    <button *ngIf="!row.completedOrDiscard" class="discard-build-order" mat-button (click) = "discardBuildOrder(row.buildOrderId)" confirm="Are you sure you want to Discard the build order?">Discard</button>
</mat-cell>
  

Также я пробовал так, ничего не происходит

 <mat-cell class="action" *matCellDef="let row">
                                    <button *ngIf="!row.completedOrDiscard" class="discard-build-order" ng-confirm-click="Are you sure you want to Discard the build order?" ng-click = "discardBuildOrder(row.buildOrderId)" >Discard</button>
</mat-cell>
  

Комментарии:

1. Вы пробовали работать с sweet alert? это должно быть проще..

2. К сожалению, знаю… У вас есть краткий пример того, как это реализовать?