无法在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>

Answer 2

在你的 component.ts 文件中你可以说

window = window;

然后像在其他任何地方一样在 component.html 中使用 window

<button (click)="window.alert('Hello world')">
 This is a button
</button>