Javascript ajax在Angular中单击后退按钮时不触发

我正在用AngularJS和ionic framework创建一个移动应用程序，我有一个类别页面，里面装满了用ajax加载的数据（见下面的代码），当我点击一个类别时，会显示包含类别帖子的页面（内容也用ajax加载），当我点击返回按钮（到类别页面），ajax拒绝返回数据，但是成功函数被执行。 我想知道如何修复此行为

.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!");
  });   
})

这是我的状态：

 .state('app.menuitempage', {
  url: "/menuitempage/:ID/:id_cat",
  views: {
    'menuContent' :{
      templateUrl: "templates/menuitempage.html",
      controller: 'SubMenuCtrl'
    }
  }
})

这是mycategory.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-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>

{{menusubitem.title}

问题到底是什么？为什么ajax在我单击“返回”按钮时不返回结果，这与默认行为相反？向上，如果我的问题不清楚，请告诉我