模式弹出窗口不适用于分层组件结构angular-bootstrap-md

时间:2019-06-05 08:32:41

标签: typescript angular7

我具有类似组件的分层结构

代理商

任务列表(组件:这也使用共享的任务列表表组件)

任务类型(组件)

预览任务(模态组件)

agent.component.html(此组件中使用任务类型,任务列表和预览任务作为参考)

共享

任务列表表(此组件中有一个“视图”按钮,显示用户单击时的模式弹出窗口)

当我单击按钮时,它不起作用/没有显示模式弹出窗口。我将此链接的引用用于angular-bootstrap-md,即https://mdbootstrap.com/docs/angular/modals/basic/

2 个答案:

答案 0 :(得分:1)

尝试以下方法:

1)将模型弹出html放置到代理或任何父组件。

2)创建一个服务,该服务将在单击按钮时发布通知。在单击任务列表或子组件的按钮上引发或发出事件。

3)父组件订阅服务,并在父组件打开模型弹出窗口上使用处理程序。

答案 1 :(得分:1)

您在这种情况下使用模态似乎是错误的。请改用动态模式。这里是有关实现和使用动态模式的文档的链接:https://mdbootstrap.com/docs/angular/modals/basic/#dynamic

将此答案标记为已接受(如果可行)。