Tiles get duplicated when I use ng-container with template

[kojilab]

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]

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