Angular入门-windows.alert不起作用
在Angular中，要使用alert提示框，应该使用Angular Material的dialog组件。以下是相应的代码示例：
- 安装Angular Material：
npm install --save @angular/material @angular/cdk
- 在app.module.ts中导入MaterialModule：
import { MaterialModule } from '@angular/material'; @NgModule({ imports: [ // ... MaterialModule ] })
- 在组件中使用MatDialog：
import { MatDialog } from '@angular/material'; export class MyComponent { constructor(public dialog: MatDialog) {}
openDialog() { const dialogRef = this.dialog.open(MyAlertDialogComponent, { width: '250px', data: {message: 'Hello World!'} });
dialogRef.afterClosed().subscribe(result => {
console.log(`Dialog closed: ${result}`);
});
} }
- 创建弹出框组件 MyAlertDialogComponent：
import { Component, Inject } from '@angular/core'; import { MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'app-my-alert-dialog',
template: {{ data.message }}
})
export class MyAlertDialogComponent {
constructor(@Inject(MAT_DIALOG_DATA) public data: any) {}
}Alert