"There are no slides to show. So the carousel won't be rendered"

See original GitHub issue

I’m using Angular 8 + Owl 2 on large app. I tried to follow the guide as mentioned in the ‘Get started’ docs. I imported the necessary dependencies and whatnot, and I’m iterating over a list of custom components. However, in the browser, there’s a large blank space where the carousel should be and I also get the following message in the console: There are no slides to show. So the carousel won't be rendered. Any ideas on what’s causing this issue?

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:12 (3 by maintainers)

Top GitHub Comments

4reactions

vitalii-andriiovskyicommented, Aug 2, 2022

@matte0080

It’s fixed. Update ngx-owl-carousel-o to v7.0.4

1reaction

vitalii-andriiovskyicommented, Feb 23, 2022

@ant-ia , @ODanielHernandez , @Larbifatach

this message is shown if items array in <ng-template carouselSlide *ngFor="let item of items"> is empty. Check it firsly, please.

Render carousel if items is populated with data:

<ng-container *ngIf="items.length > 0">
  <owl-carousel-o [options]="myOwlConfig">
      <ng-template carouselSlide *ngFor="let item of items">
        <!-- Render my Items -->
      </ng-template>
    </owl-carousel-o>
</ng-container>