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

前端之家收集整理的这篇文章主要介绍了如何从angular-material2对话框与其父对象进行通信前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有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

原文链接:https://www.f2er.com/angularjs/141495.html

猜你在找的Angularjs相关文章