Navigation back/forward


#1

Hi, I’m trying to create a pagination that will works like a contest.
I need to create buttons like a pagination and paginate through an data array.

I just need something like this:

Body

< (back) (forward) >

Any tips on how to solve this ?
Thanks.


#2

One possibility is to use $ionicHistory ( http://ionicframework.com/docs/api/service/$ionicHistory/ )

$ionicHistory.goBack()

to process your backward. To process forward button you can use for example $state

$state.go('yourStateName')

#3

Thanks for the reply
But my question is how to paginate data using buttons to go back and foward
Navigate across the data


#4

add an ionFooterBar there you can add buttons

<ion-footer-bar>
 <div class="buttons">
   <button class="button">previous</button>
 </div>
 <h1 class="title">What's next?</h1>
 <div class="buttons">
   <button class="button">next</button>
 </div>
</ion-footer-bar>

#5

All right.
I have that code inside my footer.
But I don’t know how to implement the logic to paginate.
That’s the problem.

Example:
I have an array with 20 contests and I need to display every contest so the user can solve it.
And the user can navigate throught every contest using the navigation buttons.


#6

Any tips on how to solve this problem ?
Thanks.


#7

In fact I need to just make a paging using some data from an API.
For example, I have an array with 10 contests and I need to display them on page using pagination.
Displaying buttons to go forward in the list.
I don’t know how to solve this.