Angulaire 2/4: Comment utiliser l'instance de composant existante dans un popup?

Question

je composant avec « test-comp » sélecteur qui est déjà chargé dans une page html avec le code

analytics.html

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

J'ai une boîte de dialogue pop-up dans la même page analytics.html dans laquelle Je voudrais montrer la même instance (#refcomp) au lieu de la charger à nouveau (test-comp).

-Actuellement Je crée à nouveau un exemple de plus

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

Comment puis-je faire cela?

Answer 1

En fait, nous devons le rendre deux fois. Mais pour répondre à vos besoins, nous pouvons utiliser un petit hack.

Placez test-comp à l'intérieur d'une balise modèle/ng-template.

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

l'utiliser partout où vous souhaitez afficher (sur la page principale et pop-up modèle), en utilisant le code ci-dessous

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