Sé que esto se ha preguntado antes, pero no entiendo esas respuestas para ser honesto. Quiero hacer algo simple:
Básicamente tengo esto:
<div class="carousel"> <ul class="carousel__track"> <li ngFor="let slideHtml of SlidesHTML?" class="carousel__slide"> **THIS IS ACTUALLY WHERE I WANT TO PASS ANOTHER HTML COMPONENT** ie: <app-slideHtml> </li> </ul> </div> Quiero lograr eso básicamente, pero no sé si puedo @Input() html o si necesito usar ng-content para eso. ¿Qué necesito poner en el archivo .ts ?
Editar: estoy usando la directiva ngFor en el elemento li, por lo que puedo mostrar todas las diapositivas. No sé si eso es posible, solo quería ver si realmente puedo lograrlo.
sí tu puedes
<li *ngFor="let slide of slides" class="carousel__slide"> <!-- Rename inputName by the actual input name you want--> <app-slideHtml [inputName]="slide.someData"></app-slideHtml> </li> Donde inputName es el nombre de @Input en app-slideHtml y someData un atributo de slide.
En app-slideHtml.component.ts
@Input() inputName: any; // Rename 'inputName' by the actual input name you want Puede pasar todo el objeto en lugar de algunos atributos pasando slide a la entrada.