I'm building a phonegap application with ionic framework and angularjs, my problem is that i have a page that load data from ajax, when this page is loaded by clicking in ionic back button in the header in another page, the ajax doesn't return result although its success function is executed and its params data are not empty, the params are passed from the url as follows
#/app/menuitempage/{{menusubitem.ID}}
this is my code
angular.module('starter.controllers', []).controller('SubMenuCtrl',
function($scope,$http,$state,$stateParams,$ionicLoading,$rootScope){
$scope.itemsSubMenu = {};
id = $stateParams.ID;
id_cat1 = $stateParams.id_cat;
$ionicLoading.show({
delay: 2000
});
var responsePromise = $http.get("http://monguidepratique.com/mobile/getCategories.php?parent_id="+id+"&id_cat="+id_cat1);
responsePromise.success(function(data, status, headers, config) {
$ionicLoading.hide();
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!");
});
})
The data is empty, only when i click the back button.
the page menuitempage.html
<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-click="#/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>
And my app.js file
angular.module('starter', ['ionic', 'starter.controllers'])href.state('app.menuitempage', {
url: "/menuitempage/:ID/:id_cat",
views: {
'menuContent' :{
templateUrl: "templates/menuitempage.html",
controller: 'SubMenuCtrl'
}
}
})
.state('app.postpage', {
url: "/postpage/:id_cat",
views: {
'menuContent' :{
templateUrl: "templates/postpage.html",
controller: 'SubMenuCtrl'
}
}
}).state('app.menuitempage', {
url: "/menuitempage/:ID/:id_cat",
views: {
'menuContent' :{
templateUrl: "templates/menuitempage.html",
controller: 'SubMenuCtrl'
}
}
})