Slide Transition with ng-show


#1

Here is the codepen http://codepen.io/lakhan/pen/cukyL

I have a list of Items with ng-repeat and I am showing one item at a time. on clicking next showing the next item from the list. Now what I want to achieve is slide transition on Item when I am clicking on next. There is something I am missing from CSS side. any help will be appreciated.


#2

I think ion-list is not the right choice for that purpose.

Why do you not using ionic slidebox?
http://ionicframework.com/docs/api/directive/ionSlideBox/

Put a next button in the footer-bar and trigger slide next?


#3

Can I control the swipe functionality of slidebox. I need to contol it like one has to select something then only he/she can go for the next Item.


#4

look at
http://ionicframework.com/docs/api/service/$ionicSlideBoxDelegate/

  • enableSlide()
  • next()
  • slideTo() :wink: