Angular 角度MD2对话框(每秒一个,全部关闭后)
我正在努力做下一件事: 首先,我调用一个对话框,如果用户在其外部单击,则在第一个对话框上方弹出另一个对话框,询问用户是保存还是取消。无论如何,在用户单击“保存”或“取消”后,我想关闭所有对话框,我知道mdDialog中存在“closeAll”方法,但我不知道如何使其工作。 以下是plnkr: 问题是——当我点击“保存”或“取消”时——什么也没发生 以下是我想说的: 对于第一个对话框,我设置了disableClose:Angular 角度MD2对话框(每秒一个,全部关闭后),angular,angular-material,Angular,Angular Material,我正在努力做下一件事: 首先,我调用一个对话框,如果用户在其外部单击,则在第一个对话框上方弹出另一个对话框,询问用户是保存还是取消。无论如何,在用户单击“保存”或“取消”后,我想关闭所有对话框,我知道mdDialog中存在“closeAll”方法,但我不知道如何使其工作。 以下是plnkr: 问题是——当我点击“保存”或“取消”时——什么也没发生 以下是我想说的: 对于第一个对话框,我设置了disableClose: openDialog(): void { let dialogRef
openDialog(): void {
let dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
width: '250px',
data: { name: this.name, animal: this.animal },
**disableClose:true**
});
然后我使用backdropClick方法,如果用户在对话框外单击,我调用第二个对话框:
dialogRef.backdropClick().subscribe(backdrop => {
if (backdrop == null) {
**this.openDialogOver();**
}
在第二个对话框中,我放置了如下两个按钮:
<div md-dialog-actions>
<button md-button (click)="**onNoClick()**" >Save</button>
<button md-button (click)="**onNoClick()**" >Cancel</button>
</div>
这是行不通的:D
UPD:
我忘记将第二个对话框添加到其构造函数中:
constructor(public dialog: MdDialog)
现在它运行良好:)
constructor(public dialog: MdDialog)