javascript - 如何在 md-dialog 上叠加 md-dialog

标签 javascript angularjs angular-material mddialog

我试图从一个打开的 md-dialog 中打开一个 md-dialog,但问题是第一个 md-dialog 在第二个打开时关闭了

// the controller of the first popUp 
class popUpOneController{
      constructor($mdDialog){
      this.$mdDialog=$mdDialog;
       .
       .
       .
       } 
  others methods codes......
// the second $mdDialog to be opened from the  first 
// this function will be executed by clicking  on a html  button
  openPopUp2(){
      // here we call a component into the $mdDialog
      this.$mdDialog.show({
            template: '<interlo-sibel  data-to-pass='+data+'  index-selectedElm='+index+' type='+type+' ></interlo-sibel>',
            targetEvent: event,
            escapeToClose: false

        })
   } 
   popUpOneController.$inject=['$mdDialog'];


 export default popUpOneController

最佳答案

我找到了答案,我们刚刚添加了以下属性 'skipHide: true'

 openPopUp2(){
      // here we call a component into the $mdDialog
      this.$mdDialog.show({
            template: '<interlo-sibel  data-to-pass='+data+'  index-selectedElm='+index+' type='+type+' ></interlo-sibel>',
            targetEvent: event,
            skipHide: true


        })
   } 

plunker 上的演示链接:https://plnkr.co/edit/jaDD79A1JII4XKhXP64Y?p=preview

关于javascript - 如何在 md-dialog 上叠加 md-dialog,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38725026/

相关文章:

javascript - Angular + UI 路由器,更改 $stateChangeSuccess 上的标题(事件触发得太早?)

javascript - 在不考虑其直接父级的情况下获取开始和结束偏移值的范围

javascript - 在 AngularJS 脚本中获取 HTML 元素数据

javascript - 刷新 Angular 应用程序进入默认状态

Angular:具有使用 mat-select-filter 并向过滤器字段添加图标的搜索功能的多个 mat-select 下拉列表

javascript - 创建允许用户添加或删除项目的服务

javascript - Nodejs Express - dynamicHelpers 错误

javascript - Angular.js + Node.js/Electron 中的 Promise 不起作用

javascript - Angular 2设置默认滚动查看

angular - 如何在网格列表中按 Material 使用 ngfor