如何将数据从 ModalService 传递到组件中

2023-11-23

我正在尝试使用 ngx-bootstrap-modal 将数据从模态服务传递到模态组件。这examples显示这个:

this.modalService.show(ModalContentComponent, {initialState});

但它没有显示如何ModalContentComponent实际上消耗了该状态。我在调试器中玩过,但从未看到我的组件获取该数据。

如何从组件访问它?


在这里,在parentComponent中,使用modalService.show中的配置参数发送initialState数据:

const initialState = {
      data: "Test Data"
    };
    this.modalService.show(ModalContentComponent, {initialState});

通过简单地定义完全相同的命名变量来访问 ModalContentComponent 中的数据,即data: string;您将能够访问 ModalContentComponent.html 和 ModalContentComponent.ts 中的数据值。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将数据从 ModalService 传递到组件中 的相关文章

随机推荐