如何从angular-material2对话框与其父对象进行通信

发布时间：2020-12-17 08:21:55 所属栏目：安全来源：网络整理

导读：我有Parent组件打开一个angular-material2对话框. let dialogRef = this.dialog.open(Child,{ disableClose: true }); 打开的对话框子组件有一个“添加”按钮.如果用户点击“添加”按钮,我想通知“父”组件. 这怎么可能？我使用EventEmitter与父容器进行通

我有Parent组件打开一个angular-material2对话框.

let dialogRef = this.dialog.open(Child,{
            disableClose: true
        });

打开的对话框子组件有一个“添加”按钮.如果用户点击“添加”按钮,我想通知“父”组件.

这怎么可能？

我使用EventEmitter与父容器进行通信

// dialog component
...
onAdd = new EventEmitter();

onButtonClick() {
  this.onAdd.emit();
}
...

和父组件

// parent component
...
let dialogRef = this.dialog.open(Component);
const sub = dialogRef.componentInstance.onAdd.subscribe(() => {
  // do something
});
dialogRef.afterClosed().subscribe(() => {
  // unsubscribe onAdd
});
...

这是演示

http://plnkr.co/edit/KbE3uQi2zMNaZlZEEG5Z

感谢thomaspink

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!