Как можно отключить кнопку закрытия диалогового окна материала при нажатии на нее?

Question

У меня есть диалоговое окно с угловым материалом, содержащее кнопку, которую я хотел бы, чтобы она выполнила что-то и отобразила результат в диалоговом окне, не закрывая его.

пробовал это, но это не сработало: [mat-dialog-close]="false"

<mat-dialog-actions align="center">
  <button class="mat-raised-button mat-primary" mat-dialog-close>back </button>
  <button mat-raised-button color="primary" (click)="lunchScraper()" [mat-dialog-close]="false">lunch scraping</button>
  <button mat-button type="submit" class="mat-raised-button mat-accent" (click)="onSubmit()">add</button>
</mat-dialog-actions>

Как отключить кнопку закрытия диалогового окна?

Answer 1

Хорошо;mat-dialog-close - это угловая директива, которая ожидает передачи данных на хост-компонент.

Итак;[mat-dialog-close]="false" передаст значение false в качестве данных диалога компоненту, который запустил это диалоговое окно.

Вы можете закрыть диалог двумя способами:

1. Используя mat-dialog-close: этосамый простой способ, но вы не можете предотвратить его закрытие, если не отключили саму кнопку.
2. Использование dialogRef в файле ts: добавив функцию, которая вызывает close() функцию переменной dialogRef;и вызовите вашу функцию по нажатию кнопки.

Я сделал вас это диалоговое демо , в котором есть диалог с 2 кнопками;один из них использует mat-dialog-close, а другой - с функцией close.

Надеюсь, это поможет вам получить мою точку зрения.

Answer 2

Я думаю, что вы должны удалить эту часть

this.dialogRef.close(); 

в контроллере появляются там