Angular 2/4：如何在弹出窗口中使用现有的组件实例？

Question

我有分量与已经装在一个HTML页面代码

analytics.html

<test-comp #refcomp ></test-comp> 

我在同一页面analytics.html弹出对话框选择“测试-COMP”，其中我想显示相同的实例（＃refcomp），而不是再次加载它（test-comp）。

-Currently我再次创造一个更实例

<test-comp #popup ></test-comp> 

我怎么能这样做？

Answer 1

其实，我们必须渲染它两次。 但为了满足您的要求，我们可以使用一个小小的黑客。

将test-comp放入模板/ ng-template标签中。

<template #myTemplate> 
     <test-comp #refcomp ></test-comp> 
</template> 

使用它，无论你想显示（在主页上和型号弹出），使用下面的代码

<div *ngIf="false; else myTemplate"></div>