tutorial ejemplos curso cli angular

ejemplos - angular wikipedia



¿Se puede usar un contenido ng dentro de un ngFor? (1)

Nos gustaría poner un ng-content dentro de un *ngFor y luego especificar el contenido del contenido ng-content cuando se utiliza el componente que contiene el ngFor. ¿Es posible?

<li *ngFor="let data of dataSource"> <ng-content></ng-content> </li>

Demo


Es posible pero probablemente no produce el resultado deseado. Los hijos pasados ​​por el padre solo pueden proyectarse una vez (no importa cuántos <ng-content> hay. Si los elementos <ng-content> no seleccionan partes específicas y diferentes de los niños pasados ​​usando el atributo select , entonces todo es proyectado al primer <ng-content> con el selector predeterminado (ninguno).

Para que esto funcione, probablemente desee un ngFor personalizado que repita el contenido pasado a <ng-content> .

NgFor s ngForTemplate podría ayudar en su caso de uso.

Ver también componente secundario Angular2 como datos