在Angular中,要使用alert提示框,应该使用Angular Material的dialog组件。以下是相应的代码示例:
npm install --save @angular/material @angular/cdk
import { MaterialModule } from '@angular/material'; @NgModule({ imports: [ // ... MaterialModule ] })
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}`);
});
} }
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