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

Question

我有选择器组件＆＃39; test-comp＆＃39;已加载到带代码

的html页面中

analytics.html

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

我在同一个analytics.html页面中有一个弹出对话框，我想在其中显示相同的实例（#refcomp），而不是再次加载它（test-comp）。

- 现在我再次创建一个实例

<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>