Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tiles get duplicated when I use ng-container with template #190

Open
kojilab opened this issue Mar 11, 2020 · 1 comment
Open

Tiles get duplicated when I use ng-container with template #190

kojilab opened this issue Mar 11, 2020 · 1 comment
Assignees

Comments

@kojilab
Copy link

kojilab commented Mar 11, 2020

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>
@santoshyadavdev santoshyadavdev added the bug:component Bug in component label Mar 14, 2020
@santoshyadavdev
Copy link
Member

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants