我正在编写一个Angular 4应用程序,我需要在模板的两个位置显示一个组件的相同实例,并想知道这是否是Angular中的一种可能性。
假设我有父组件,其模板如下所示:
<div>
<childcomponent></childcomponent>
<childcomponent></childcomponent>
</div>
我知道这通常会创建两个单独的子组件实例,但有没有办法让它们共享同一个实例?我已经尝试使用ComponentFactoryResolver以编程方式生成组件,然后使用ViewContainerRef将相同的实例注入模板,如下所示,但只添加第一个实例并且不生成错误。任何帮助将不胜感激。
<div>
<ng-container #vc></ng-container>
<ng-container #vc2></ng-container>
</div>