如何解决将材料对话框迁移到Ngxbootstrap Dailog如何处理ngxbootrap中的open,close,afterClose.promise操作
我正在将Angular材料中的项目迁移到ngxbootrap。我正在NgxBootrap中,在afterClose.promise()中打开对话框,关闭模拟对话框时遇到问题。
我开始使用BsModalService,BsModalRef,并且能够将数据从父级组件移动到子级组件(如下面的链接)。
https://stackblitz.com/edit/ngx-modal-svcxxl?file=src%2Fapp%2Fapp.component.ts
但是仍然尝试实现afterClose()
,afterClose.Promise()
来隐藏,或将组件详细信息从子级推到父级。
材料对话框中的代码段(它将数据发送到DataEntryComponents并在关闭DataEntryComponents之后接收值)。
注意:这不是真实的代码。
constructor(public dialog: MatDialog)
....
let dialogRef = this.dialog.open(DataEntryComponent,{
data:
{
action: "add",fields: varfields,filterName: filterName,filterDescription: filterDescription
},height: 'auto',minWidth: '20%',maxWidth: '50%'
});
var data = await dialogRef.afterClosed().toPromise();
if (data) {
data.forEach(field => {
templateQuery = field.Value );
});
fullQuery = templateQuery;
}
}
请帮助我处理相关的stackblitz示例,文档或链接。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。