Slide Transition with ng-show

Here is the codepen

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.

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

Why do you not using ionic slidebox?

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

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.

look at$ionicSlideBoxDelegate/

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