Issue when transitioning states, also doesnt hide inactive slides

[bautistaaa]

When I navigate to another state and go back, the slick carousel displays all slides on the page for a second then creates the slick carousel. How can I get around that? In addition, slides that shouldn't current be displayed are shown outside the prev/next arrows.. not sure why that is happening

html is pretty basic.

<slick infinite="true" slides-to-show="5" slides-to-scroll="1">
<div class="col-sm-2">
...
</div>
<div class="col-sm-2">
...
</div>
<div class="col-sm-2">
...
</div>
<div class="col-sm-2">
...
</div>
<div class="col-sm-2">
...
</div>
<div class="col-sm-2">
...
</div>
<div class="col-sm-2">
...
</div>
<div class="col-sm-2">
...
</div>

</slick>

[sinziananicolae]

I have the same problem! I have an input in each slide and when I insert a value in it, for a second it displays all the data as if it recreates the carousel.

[webben-de]

Could anyone solve this problem? @sinziananicolae or @bautistaaa maybe?

[swapnil001]

Any update on this?

[webben-de]

I use a different package called "angular-slick-carousel".

If you create the slick element with an "ng-if" directive inside when the data is loaded, works for me.

[swapnil001]

Thanks. I got it working with this package only.