ngu-carousel icon indicating copy to clipboard operation
ngu-carousel copied to clipboard

Tiles get duplicated when I use ng-container with template

Open kojilab opened this issue 4 years ago • 1 comments

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>

kojilab avatar Mar 11 '20 17:03 kojilab

Hi @kojilab , Can you provide stackblitz to debug the issue.

santoshyadavdev avatar Mar 18 '20 05:03 santoshyadavdev