routes :
app.config(['$routeprovider', function ($routeprovider) { $routeprovider .when("/home/:page", {templateurl: "templates/home.html", controller: "homecontroller"}) .otherwise("/404", {templateurl: "partials/404.html", controller: "pagectrl"}); }]); controller : app.controller('homecontroller', function ( $scope, $location, $http,defaultval,$routeparams ,basic,state) { $scope.alllist = state.formdata; start = $routeparams.page == undefined ? 1 : $routeparams.page; var trip_data = { start:(number(start)-1) * (number(defaultval.perpage)), perpage:defaultval.perpage } basic.hitapi(defaultval.sitepath+"search",{reqobject:json.stringify(trip_data)}).success(function(response){ if(response.type == "success"){ p = number(start)- number(1) < 0 ? false : number(start)-number(1); result = math.ceil(response.total / defaultval.perpage); n = number(start) + number(1) > result ? false : number(start) + number(1); response.page = { next : n, prev: p }; $scope.alllist = response; state.formdata = $scope.alllist; } else if(response.type == "error"){ basic.messages.showerrormessage(response.message); }else{ basic.messages.generalerror(); } }); });
template :
<div class="trips" > <div class="tripbox" ng-repeat="home in alllist.data" ng-swipe-left="swipeleft('/home/{{alllist.page.next}}')" ng-swipe-right="swiperight('/home/{{alllist.page.prev}}')"> <a ng-href="#/trip/{{home.id}}"> <h3>{{ home.fromaddress }} <i class="fa fa-long-arrow-right"></i> {{ home.toaddress }}</h3> <div class="poolprice">${{ home.charges }}</div> <p><span>posted :</span> {{ home.username }}, 24 yrs, {{ home.usergender | capitalize }}</p> </div> </div>
problem after paginate when go again send request server data. want when go show previous data without send request server.
ok, when go view (which before current) have rendered (no mater page talking home or rtip) if controller of page calling service unconditionally of course requested again (i thing angular make browser not cache pages). looks use state storage ($scope.alllist = state.formdata;) isn't you? can store data needed page , in controller check existance first , if not call api, in case page may become inactual time.