在Material for Angular4中,是否可以打开嵌套对话框?

时间:2017-04-19 07:40:04

标签: angular angular-material

当我尝试从另一个mdDialog中打开一个mdDialog时,屏幕最左侧会发生一些事情(出现一个白色面板)。是否可以(按设计)打开嵌套对话框?

1 个答案:

答案 0 :(得分:0)

这是可能的。

@Component({
  selector: 'app-cmp2',
  template: 'cmp2'
})
export class Cmp2 { }

@Component({
  selector: 'app-cmp1',
  template: 'cmp1<br /><button (click)="openDlg()">open second</button>'
})
export class Cmp1 {

  constructor(public mdDialog: MdDialog) { }

  public openDlg() {
    this.mdDialog.open(Cmp2);
  }
}

@Component({
  selector: 'material-app',
  templateUrl: 'app.component.html'
})
export class AppComponent {

  constructor(http: Http, public mdDialog: MdDialog) { }

  public openDlg() {
    this.mdDialog.open(Cmp1);
  }
}

http://plnkr.co/edit/ywuCW8HbsXF7To578mcX?p=preview

也许创建一个能够证明你的问题的傻瓜..

递归开场:http://plnkr.co/edit/XW2VpNvieARV40g77Rps?p=preview

背景叠加不断变暗......:)