modal-dialog - 将数据从子模式传递给父模式

Question

当我创建一个SeleccionServicioComponentMD模态窗口(子)时，我是这样使用的:https://valor-software.com/ngx-bootstrap/#/modals#service-component

里面的 child 有按钮。单击时:
1) parent 应该关闭这个 child 。
2)父级应该显示另一个模态。

我的尝试: child (模态)向其 parent 发出一个事件，但是:
3) 父级没有包含 <app-seleccion-servicio-component>标记在其 HTML 中，因为其子项是动态创建的。那么，父级在哪里监听其子级发出的这个事件？


预期的结果是:
4)点击子组件里面的按钮。
5) 父级关闭这个子级(模态窗口)。
6) 父级显示另一个模态窗口。

7)我被困在这一点上。我不知道该怎么做才能让父级监听其父级发出的事件，而没有 <app-seleccion-servicio-component>标签。

Answer 1

不看你的代码就不能说太多，但你可以在你的子组件中创建一个 EventEmitter 并从父组件订阅它。

示例:https://plnkr.co/edit/b6qHpolJmUFy7dYvYpkJ?p=preview

  /* CHILD COMPONENT */
  public event: EventEmitter<any> = new EventEmitter();

  triggerEvent() {
    this.event.emit({data: 12345});
  }

  /* PARENT COMPONENT */
 this.bsModalRef.content.event.subscribe(data => {
    console.log('Child component\'s event was triggered', data);
 });