复制或克隆组件Angular

时间:2017-10-05 04:49:38

标签: angular

我正在编写一个Angular 4应用程序,我需要在模板的两个位置显示一个组件的相同实例,并想知道这是否是Angular中的一种可能性。

假设我有父组件,其模板如下所示:

<div>
    <childcomponent></childcomponent>
    <childcomponent></childcomponent>
</div>

我知道这通常会创建两个单独的子组件实例,但有没有办法让它们共享同一个实例?我已经尝试使用ComponentFactoryResolver以编程方式生成组件,然后使用ViewContainerRef将相同的实例注入模板,如下所示,但只添加第一个实例并且不生成错误。任何帮助将不胜感激。

<div>
    <ng-container #vc></ng-container>
    <ng-container #vc2></ng-container>
</div>

0 个答案:

没有答案