防止HTTPクエリに基づいてUI-ルータの状態変化

Question

私はUI-ルータの状態「に」特定の状態変化を防止するにはどうすればよい（それがフォーカス取得時使用している？）私はこのルートを持っていると仮定すると：

.state('auth.confirm', { 
    url: '/confirm/:resetToken', 
    template: '<confirm-page></confirm-page>', 
    data: { pageTitle: 'Confirm Reset', specialClass: 'gray-bg' } 
}) 

とこの約束ベースの機能を備えたこのサービス：あなたは適応彼らの例をhttps://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-create-rules-to-prevent-access-to-a-state

のようにルールを作成することができます

validateResetToken: function(resetToken) { 
    var self = this; 
    var deferred = $q.defer(); 

    $http.post(AppConstants.hostRootUrl + '/auth/reset/validate', { resetToken: resetToken }) 
    .then(function(response) { 
     if(response.data && response.data.success) { 
     // if we got a 200 return and it indicates success in the response, resolve 
     self.message = 'Success'; 
     deferred.resolve(self.message); 
     } 
     else if (response.data && !response.data.success && response.data.error) { 
     // if we got a 200 return, but success is falsey and there's an error message, reject with that message 
     self.message = response.data.error; 
     deferred.reject(self.message); 
     } 
     else { 
     // error with generic message 
     self.message = 'Unknown response. Contact administrator.'; 
     deferred.reject(self.message); 
     } 
    }, function(errPost) { 
     if (errPost.data && errPost.data.error) { 
     self.message = errPost.data.error; 
     deferred.reject(self.message); 
     } 
     else { 
     self.message = 'Could not connect.'; 
     deferred.reject(self.message); 
     } 
    }); 

    return deferred.promise; 
}, 

Answer 1

は後世（Google社員）ために、アロンエイタンは私resolveアプローチにおける第二を見て作られた、と私はcatch()の私の追加が拒否約束がアップ浸透しないように引き起こしていたことに気づきました。この最終的なコードは動作します：

.state('auth.confirm', { 
     url: '/confirm/:resetToken', 
     template: '<confirm-page></confirm-page>', 
     data: { pageTitle: 'Confirm Reset', specialClass: 'gray-bg' }, 
     resolve: { 
     validated: function($q, $stateParams, AuthService, toastr) { 
      //$log.log('auth.confirm resolve $stateParams',$stateParams); 
      return AuthService.validateResetToken($stateParams.resetToken).catch(function(validateErr) { 
      toastr.error(validateErr, 'Blocked', {closeButton: true}); 
      return $q.reject(validateErr); 
      }); 
     } 
     } 
    }) 

Answer 2

：

app.config(function($stateProvider) { 
    $stateProvider.state('privatePage', { 
    data: { 
     rule: function(token) { 
     return validateResetToken(token) 
     } 
    }); 
}); 
app.run(function($rootScope, $state, $stateParams) { 
    $rootScope.$on('$stateChangeStart', function(e, to) { 
    if (!angular.isFunction(to.data.rule)) return; 
    var result = to.data.rule($stateParams.resetToken); 

    if (result && result.to) { 
     e.preventDefault(); 
     // Optionally set option.notify to false if you don't want 
     // to retrigger another $stateChangeStart event 
     $state.go(result.to, result.params, {notify: false}); 
    } 
    }); 
});