如何使用promis on $state change取消所有挂起的$resource请求

angular.module('myApp', ['ngResource', 'ui.router'])
  .config(function($stateProvider, $urlRouterProvider) {
    // 配置路由
    $stateProvider
      .state('home', {
        url: '/home',
        templateUrl: 'home.html',
        controller: 'HomeController'
      })
      .state('about', {
        url: '/about',
        templateUrl: 'about.html',
        controller: 'AboutController'
      });

    $urlRouterProvider.otherwise('/home');
  })
  .run(function($rootScope, $resource, $state) {
    var pendingRequests = [];

    // 监听状态变化开始事件
    $rootScope.$on('$stateChangeStart', function() {
      // 取消所有挂起的请求
      angular.forEach(pendingRequests, function(request) {
        request.$cancelRequest();
      });
      pendingRequests = [];
    });

    // HomeController
    .controller('HomeController', function($scope, $resource) {
      // 创建一个资源对象
      var User = $resource('/api/users/:id');

      // 发起请求并将请求对象添加到挂起请求列表中
      var request = User.get({ id: 1 }, function(response) {
        // 请求成功的回调
        console.log(response);
      });
      pendingRequests.push(request);
    })

    // AboutController
    .controller('AboutController', function($scope, $resource) {
      // 创建一个资源对象
      var Post = $resource('/api/posts/:id');

      // 发起请求并将请求对象添加到挂起请求列表中
      var request = Post.query(function(response) {
        // 请求成功的回调
        console.log(response);
      });
      pendingRequests.push(request);
    });
  });