Does not swipe completely when used with ng-repeat

[samarthagarwal]

The swipe functionality is not working properly, it always comes back to the first slide no matter how hard I try to swipe it away. Also the controls to change slides are not working.

Here is my code.

`

`

[olzii]

We have same issue, did you find solution ?

[samarthagarwal]

No, But it works fine if you do not use a $scope variable for ng-repeat. I instead used Ionic Slide Box.

[HugoHeneault]

Slidebox doesn't show multiple sliders at the same time. I have this issue too. Any ideas? 😢

[scripter-co]

+1 there is an issue with using $scoped variables. A workaround I've found is to re-initialise the observers once the slider is ready. You can do the following:

<ks-swiper-container swiper="swiper" on-ready="onReadySwiper(swiper)">

and in your controller

$scope.onReadySwiper = function(swiper){
        swiper.initObservers();
};

I'll take a further look to see what the actual solution is.

[jimmyleo85]

@scripter-co Thanks!!!

[thomaskanzig]

Guys, swiper.initObservers(); don't work in Internet Explorar browser :(
I also use with ng-repeat, but the images dont show.

Help me please!!!!

[etoah]

@scripter-co Thanks!!!

[justwezzz]

@scripter-co Thanks!!!

[pepamonsegur]

@scripter-co Thanks!!!!

[emblem-nyc]

@scripter-co Thank you so much!

[WillisYe]

add ng-if, My code follow:
<ks-swiper-container ng-if="home.bannerContent[0] && home.bannerContent[0].content.length>0" autoplay="3000" loop="true" on-ready="onReadySwiper(swiper)" pagination-is-active="true" > <ks-swiper-slide class="swiper-slide" ng-repeat="item in home.bannerContent[0].content"> <a ng-href="{{item.linkUrl}}"> <img ng-src="{{item.imgUrl}}" alt="" /> </a> </ks-swiper-slide> </ks-swiper-container>

[mrugesh008]

@scripter-co I tried using $scope.onReadySwiper = function(swiper) { swiper.initObservers(); }; . But I get an error saying Object doesn't support property or method 'initObservers'