typescript - 模态弹出窗口在分层组件结构 angular-bootstrap-md 中不起作用

Question

我有一个组件的层次结构，例如

代理人

任务列表（组件：这也使用共享任务列表组件）

任务类型（组件）

预览任务（模态组件）

agent.component.html (task-type, task-list 和 preview-task 在这个组件中用作参考)

共享

任务列表表（此组件中有一个按钮视图，当用户单击时显示模式弹出窗口）

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

标签： typescriptangular7

Answer 1

尝试以下方法：

1) 将模型弹出 html 放置到 Agent 或任一父组件。

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

3）父组件订阅服务和父组件打开模型弹出窗口的处理程序。