Unable to create window alert in Angular 7 (click) function

Question

I am unable to create a Chrome alert dialog when clicking on a button.

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

What am I doing wrong?

Answer 1

You can not access "window" from the component.html file.

Instead, try creating an alert function in your component.ts file like so:

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

Then run the alert() function:

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