javascript - ajax not firing on click in back button in Angular -

javascript - ajax not firing on click in back button in Angular -

i'm creating mobile app angularjs , ionic framework, have category page filled info loaded ajax (see code below) , when click 1 category, page containing category posts displayed (content loaded ajax also) , when click button (to category page), ajax reject homecoming data, success function executed. how prepare behavior.

.controller('submenuctrl', function($scope,$http,$state,$stateparams,$rootscope){ $scope.itemssubmenu = {}; id = $stateparams.id; id_cat1 = $stateparams.id_cat; var responsepromise = $http.get("http://monguidepratique.com/mobile/getcategories.php?parent_id="+id+"&id_cat="+id_cat1); responsepromise.success(function(data, status, headers, config) { alert('data'+id +' '+id_cat1); if(data.category=='category' ) { $scope.itemssubmenu = data.catgs; } else { alert('redirect'); $state.go('app.postpage',{'id_cat':id_cat1}); } }); responsepromise.error(function(data, status, headers, config) { alert("ajax failed!"); }); })

and state:

.state('app.menuitempage', { url: "/menuitempage/:id/:id_cat", views: { 'menucontent' :{ templateurl: "templates/menuitempage.html", controller: 'submenuctrl' } } })

and mycategory.html page

<ion-view title="category item"> <ion-nav-bar class="nav-title-slide-ios7 bar-positive" > <ion-nav-back-button class="button-icon ion-arrow-left-c" > </ion-nav-back-button> </ion-nav-bar> <ion-content class="has-header"> <ion-list > <ion-item ng-repeat="menusubitem in itemssubmenu" ng-href="#/app/menuitempage/{{menusubitem.id}}/{{menusubitem.id_cat}}"> <a class="item-icon-right">{{menusubitem.title}}<i class="icon ion-chevron-right"></i></a> </ion-item> </ion-list> </ion-content> </ion-view>

javascript angularjs ionic-framework back-button