模态弹出式中的角度2加载模块

问题描述：

我使用角度2与引导。我有一个要求 - 有一个仪表板页面。一旦用户点击仪表板页面上的任何链接，新模块将显示在模式弹出窗口中。如何实现这一点。由于应用程序的规模很大，我想使用角度延迟加载功能。在此先感谢模态弹出式中的角度2加载模块

请添加一些代码，演示您试图完成的任务，尝试的内容以及失败的位置。 “新模块在模态弹出窗口中显示”的意思是“新模块”是什么意思。使用https://github.com/ng-bootstrap/ng-bootstrap的对话框组件怎么样？ –

我想你需要多个路由器插座，你可能会配置路由模式和组件 – Akanksha

答

我认为您的问题需要更多的细节正确的答案。

但是从我收集的内容来看，您希望使用另一个模块的内容加载模态。

这很容易实现：

组件仪表板

组分B组分在仪表板中显示，并具有选择以componentB

现在，在您的成分B定义模式的代码，如果你需要来自组件A的数据仅仅使用组件B中的@Input（）。

在组件A中，将组件选择器添加到您的html中，并使用按钮/链接其他元素来调用模态窗口。

组分A HTML：

<a data-toggle="modal" data-target="#ModalWindowName">ok</a> 
<componentB></componentB>

上面的代码将触发与名称ModalWindowName在组分B中的模态。

如果需要，您可以使用输入和输出与componentB进行通信以交换值。