Estoy tratando de mostrar un componente Angular diferente en el mismo modal Bootstrap 4 según el botón que se presionó. Tengo un componente principal con dos botones: Button1 y Button2. El componente principal representa un componente que simplemente envuelve un modal Bootstrap 4 pero deja vacío el contenido modal real. Al hacer clic en Button1 o Button2, me gustaría que el modal apareciera con ChildComponent1 o ChildComponent2 respectivamente.
En el contenido modal, puede usar un *ngIf y usar una variable para especificar cuál mostrar. Algo como:
<app-child1 *ngIf="showFirstChild"></app-child1> <app-child1 *ngIf="!showFirstChild"></app-child1> Donde showFirstChild podría ser un valor booleano.
Si tuviera más de un componente, podría usar ngSwitch:
<div [ngSwitch]="componentToShow"> <app-child1 *ngSwitchDefault></app-child1> <app-child2 *ngSwitchCase="2"></app-child2> <app-child3 *ngSwitchCase="3"></app-child3> <app-child4 *ngSwitchCase="4"></app-child4> </div> Donde componentToShow podría ser un tipo de número en su componente.
Simplemente use los clics de su botón para asignar el valor apropiado a una variable.
Espero que ayude.