Невозможно создать окно оповещения в функции Angular 7 (щелчок)

Question

Мне не удается создать диалоговое окно с предупреждением Chrome при нажатии кнопки.

<button mat-raised-button matStepperNext color="primary" [disabled]="formGroup.invalid" (click)="window.alert('Thanks for your submission!')>Submit</button>

Что я делаю не так?

Answer 1

Вы не можете получить доступ к «окну» из файла component.html.

Вместо этого попробуйте создать функцию оповещения в файле component.ts следующим образом:

alert() {
  window.alert('test');
}

Затем запустите функцию alert():

<button mat-raised-button matStepperNext color="primary" [disabled]="formGroup.invalid" (click)="alert()">Submit</button>