ngTemplateOutlet con valor dinámico
Estoy usando ngTemplateOutlet con valor dinámico.
<ng-container *ngFor="let part of objectKeys(config);">
<ng-container *ngIf="config[part]">
<ng-container [ngTemplateOutlet]="part"></ng-container>
</ng-container>
</ng-container>
<ng-template #one></ng-template>
<ng-template #two></ng-template>
Dóndeconfig
es un objetoDóndeconfig[part]
es un booleanoDóndepart
es la clave del objeto y el valor pasado a ngTemplateOutlet.Siempre recibo el error:
ERROR TypeError: templateRef.createEmbeddedView is not a function
He seguido:https://stackoverflow.com/a/41241329/5627096
Pero tal vez no pueda hacer algo así.
En realidad, el objeto config contiene boolean, como dije, y define la parte de un formulario para mostrar.
Es realmente grande y para una mejor lectura, estoy buscando una solución para dividirlo.
ACTUALIZAR
El objeto config se parece a:
config = {
one: true,
two: false
}
Entonces en mi forma solo el<ng-template #one></ng-template>
se visualiza. Si convierto dos en verdadero, se muestran ambos.
No sé si es el mejor enfoque. Puedo usar * ngIf pero con esta solución tengo un código grande realmente ilegible.