Composant partagé angulaire 2 avec composant comme attributs

Question

J'ai un composant partagé qui peut afficher un bouton bascule, ce bouton bascule vous permet de basculer entre deux composants enfants, ces deux composants doivent être passés en entrée des parents qui appellent le composantPartagé. S'il vous plaît une idée?

Answer 1

Je pense que ngComponentOutlet ist ce que vous cherchez: https://angular.io/api/common/NgComponentOutlet

Vous pouvez faire quelque chose comme ceci:

<a (click)="doSwitch()">Switch</a> 
<ng-container *ngComponentOutlet="component1"></ng-container> 
<ng-container *ngComponentOutlet="component2"></ng-container> 

dactylographiée:

Input() 
component1: Type<any>; 

Input() 
component2: Type<any>; 

... 

lors de l'utilisation du composant:

<switch-component [component1]="comp1" [component2]="comp2"></switch-component> 

comp1: Type = ParentComponent1; 
comp2: Type = ParentComponent2;