Ionic-framework: ion-slides doesn't work with firestore

[AbdullahZaher]

Hi ionic team;
I face a lot of problem while using ion-slides with google firebase or firestore! Why I can't use them together?

This is a screenshot!

The code that I'm using:
<ion-slides pager autoplay="2000" pager="true" loop="true" speed="500"> <ion-slide *ngFor="let slides of items"> <img class="card-img" [src]="slides.img"/> <div class="card-title"><span class="card-title-cat" [innerHTML]="slides.title"></span></div> </ion-slide> </ion-slides>

[kensodemann]

Based solely on the error message you are getting, it sounds like items is not a proper Array, but it is impossible to tell without more context. Can you please provide a simple sample application via GitHub that duplicates your issue so it can be examined? It is far more likely that someone will be able to help you then.

[lucasbasquerotto]

@AbdullahZaher Like @kensodemann said above, items must be an array. If it is an Observable, you can use the async pipe: *ngFor="let slides of items | async", or subscribe to it and update the items.

[AbdullahZaher]

Thank you so so much @kensodemann and @lucasbasquerotto for having my issue. I found the issue after read it at chrome console error. It was from these things:
pager autoplay="2000" pager="true" loop="true"
How I can customize my ion-slides throw another way?
Thanks

[lucasbasquerotto]

@AbdullahZaher I don''t undarstand exactly what you are saying, maybe you could try to remove all properties of the ion-slides and add them one per one.

One thing I noted, though, is that you have the property pager defined twice:

<ion-slides pager autoplay="2000" pager="true" loop="true" ...

Try this instead:

<ion-slides autoplay="2000" pager="true" loop="true" ...

That doesn't seem to be the error you posted in the 1st post, though, about ngFor.

[AbdullahZaher]

@lucasbasquerotto I removed all the properties and its work. Thanks

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.