ngu-carousel
ngu-carousel copied to clipboard
Tiles get duplicated when I use ng-container with template
This code creates an additional card for each item in the datasource input. If I remove the ng-container it is fine.
<ngu-carousel #carousel dataSource]="models" [inputs]="carouselConfig">
<ngu-item *nguCarouselDef="let item; let j = index">
<div class="model-card-list-carousel-card">
<ng-container [ngTemplateOutlet]="cardTemplate"
[ngTemplateOutletContext]="{ model: item }"></ng-container>
</div>
</ngu-item>
<button mat-icon-button NguCarouselPrev class="carousel-left"
[hidden]="carousel.isFirst">
<mat-icon>navigate_before</mat-icon>
</button>
<button mat-icon-button NguCarouselNext class="carousel-right" [hidden]="carousel.isLast">
<mat-icon>navigate_next</mat-icon>
</button>
</ngu-carousel>
Hi @kojilab , Can you provide stackblitz to debug the issue.