Angular 将材质对话框迁移到Ngxbootstrap Dailog（如何在Ngxbootstrap中处理打开、关闭、afterClose.promise（）操作）

我正在将Angular material中的项目迁移到ngxbootrap。在NgxBootrap打开对话框，关闭dailog对话框，afterClose.promise（）中，我遇到了问题。 我开始使用BsModalService、BsModalRef，并能够将数据从父组件移动到子组件（如下面的链接）。

但是仍然试图实现隐藏

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样品，文件或链接