Slide Box not working


#1

I’m trying to add a Slide Box to my site. This is my partial:

<ion-slide-box show-pager="true">

    <ion-slide ng-repeat="photo in place.photos">
    <img ng-src="{{photo.url}}">
</ion-slide>

</ion-slide-box>	

I can verify that I have N slides when the partial is rendered. But I don’t get a pager, and I can’t swipe (testing on desktop only right now though).

I have a live demo here: http://raymondcamden.com/demos/2014/jul/26. When it gets your location, go to Restaurants, and in theory you should find a match with photos. I was going to say you WILL, but forgot it is location based. If someone wants to help and doesn’t seem to find data w/ photos, let me know I’ll hack it to force a GPS I know will work.


#2

Ok something is seriously weird. I just tabbed back to my local copy and I see the pager.


#3

Ok, like my issue with lists from earlier in the week, if I resize the window, it works.


#4

Hmm looking into this. Not sure if it has to do with all the images being different sizes (and by all I mean that tall one)


#5

Boom. I checked the docs, and it mentions if you use ng-repeat, you should call update() on the delegate. Working now. :slight_smile:


#6

Awesome, glad to hear you got it :thumbsup:

Nice looking example by the way, didn’t know there this many restaurants by my home


#7

This is an app I’ve built like 4-5 times now. First in Flex Mobile, then vanilla JS, Bootstrap, Angular, and now Ionic+Angular. Will be blogging in Monday. All I need to do is add a header back button for navigation.