Not able to render content in Angular 13 about angular-carousel

[TUSHARDM]

Thank You very much for such a spontaneous and quick reply. really appreciate your solution I used it in below way in my code and its working exactly as expected. Again Thank you for such a nice work. you saved my Day! :-)

<angular-carousel [bullets]="false" [infinite]="false" [auto]="true" [duration]="2500">
<ng-container *ngFor="let item of navItems; let i = index;">
<ng-container *angularCarouselSlide>

My Content {{i+1}}

[TUSHARDM]

https://stackblitz.com/edit/angular-ivy-y5hlpq?file=package.json
https://angular-ivy-y5hlpq.stackblitz.io

[marcreichel]

Currently, this package is developed and tested with Angular 12. But I will look into this issue with Angular 13. Thanks for opening this issue!

[marcreichel]

@TUSHARDM It seems the behavior changed somehow. When using ng-container instead of ng-template it works as expected.

So:

<angular-carousel>
    <ng-template *angularCarouselSlide>Content 1</ng-template>
    <ng-template *angularCarouselSlide>Content 2</ng-template>
    <ng-template *angularCarouselSlide>Content 3</ng-template>
</angular-carousel>

becomes:

<angular-carousel>
    <ng-container *angularCarouselSlide>Content 1</ng-container>
    <ng-container *angularCarouselSlide>Content 2</ng-container>
    <ng-container *angularCarouselSlide>Content 3</ng-container>
</angular-carousel>

See: https://stackblitz.com/edit/angular-ivy-qvp5js?file=src/app/app.component.html
And: https://angular-ivy-qvp5js.stackblitz.io

I will update the documentation accordingly.

[marcreichel]

Apparently, using everything else than ng-template works 👍🏼 So you can use ng-container or just a div 👍🏼 I have updated the docs accordingly. Sorry for the inconvenience.