模态弹出窗口中的Angular 2加载模块

Question

我正在使用带有引导程序的角度2。我有一个要求 - 有一个仪表板页面。用户单击仪表板页面上的任何链接后，将在模式弹出窗口中显示新模块。如何实现这一目标。由于应用程序大小很大，我想使用角度延迟加载功能。提前致谢

Answer 1

我认为你的问题需要更多细节才能得到正确答案。

但是从我收集的内容中你想要加载一个带有另一个模块内容的模态。

这很容易实现：

组件A仪表板

要在仪表板上显示并具有选择器组件B

的组件B组件

现在在组件B中定义模态代码，如果需要组件A中的数据，只需在组件B中使用@Input（）。

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

组件A HTML：

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

上面的代码将触发组件B中的模态，名称为ModalWindowName。

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