src/app/component/dialog/alert/alert.component.ts
| selector | stbui-dialog-alert |
| styleUrls | ./alert.component.scss |
| templateUrl | ./alert.component.html |
Properties |
Methods |
constructor(dialogRef: MatDialogRef
|
||||||
|
Parameters :
|
| close |
close()
|
|
Returns :
void
|
| closeButton |
Type : string
|
Default value : '关闭'
|
| message |
Type : string
|
| title |
Type : string
|
import { Component } from '@angular/core';
import { MatDialogRef } from '@angular/material/dialog';
@Component({
selector: 'stbui-dialog-alert',
templateUrl: './alert.component.html',
styleUrls: ['./alert.component.scss']
})
export class AlertComponent {
title: string;
message: string;
closeButton: string = '关闭';
constructor(private dialogRef: MatDialogRef<AlertComponent>) {}
close(): void {
this.dialogRef.close();
}
}
<stbui-dialog>
<stbui-dialog-title *ngIf="title">
{{title}}
</stbui-dialog-title>
<stbui-dialog-content>
{{message}}
</stbui-dialog-content>
<stbui-dialog-actions>
<button mat-button color="accent" (click)="close()">{{closeButton}}</button>
</stbui-dialog-actions>
</stbui-dialog>
./alert.component.scss