typescript - 分层组件结构中的 angular-bootstrap-md 模态弹窗无法工作

我有一个像这样的组件层次结构

代理

任务列表（组件：此处也使用共享的任务列表表格组件）

任务类型（组件）

预览任务（模态组件）

agent.component.html（task-type、task-list 和 preview-task 在此组件中用作参考）

共享

task-list-table（这个组件中有一个“查看”按钮，当用户点击时会显示模态弹窗）

当我点击按钮时，它没有工作/显示模态弹窗。我使用了这个链接的 angular-bootstrap-md 参考，即 https://mdbootstrap.com/docs/angular/modals/basic/

答案＃1

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

如果有效，请将此答案标记为已接受。

答案＃2

尝试以下方法：

1) 将你的模型弹出 HTML 放到 Agent 或任一父组件中。

2) 创建一个服务，在按钮点击时发布通知。在 task-list-table 或子组件的按钮点击时触发或发出事件。

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