通过angular4在主体上附加模式弹出窗口

时间:2018-08-11 15:16:59

标签: angular angular2-services angular2-directives

我试图在身体上显示模式弹出窗口,我不知道该怎么办?

我从以下链接中获取了脚本:

用于在正文上附加内容的脚本:

请大家,如果您听不懂,请问我我会清楚解释。这不是重复的。请检查并回答我。

1 个答案:

答案 0 :(得分:0)

Check this code here, this is a fork of your stackblitz

在添加组件之前,您必须定义一个锚点以告诉Angular在哪里插入组件。 您的服务必须具有公开的方法来设置ViewContainerRef',因为由于它不是组件,因此无法使用服务的构造函数来注入ViewContainerRef,因此我们必须使用setter方法:{ {1}}。

setRootViewContainer

addDynamicContainer将DynamicComponent添加到DOM。

将动态组件作为entryComponent添加到要使用它的模块中。

  

entryComponents将创建一个工厂,以便在调用ComponentFactoryResolver时,我们能够创建该组件的一个实例并将其添加到DOM。

您可能希望查看其他有关动态添加模态的教程:

angular-dynamically-creating-components