使用Angular和Meteor在注销时立即重定向用户

Question

In a Meteor app that uses angular, there is a state that requires that the user is logged in.

This is currently done using $meteor.requireUser()

function run($rootScope, $state) {
    $rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) {
        if(error === 'AUTH_REQUIRED') {
            $state.go('login')
        }
    })
}

and

.state('secretzone', {
    url: '/secret/zone',
    templateUrl: 'client/secret/views/zone.ng.html',
    controller: 'SecretZoneCtrl',
    resolve: {
        "currentUser": ["$meteor", function($meteor){
            return $meteor.requireUser();
        }]
    }
})

Problem: When the user is currently on the secretzone state and logs out, he should be redirected to the login state but instead still remains on the same page until he refreshes the page.

How can we force the user to be redirected to the login state the moment he logs out if he is already on a page that requires him to be authenticated?

Can this be done just by using only the UI Router, just like how it was easily achieved using Iron Router when Blaze is used?

Answer 1

One way I can think of is to call $state.reload() in your logout success handler.

This will, as the name suggests, reload the current state, so in this case secretzone and that will cause the resolve logic to be invoked and therefore throw the error to get picked up by your $stateChangeError handler.

Answer 2

如果您具有注销功能，为什么不直接在该功能中调用$state.go('login') ？

Answer 3

You can $watch or Meteor.Autorun the currentUser variable and add a logic inside that redirects to the login screen.

If you are using $rootScope.currentUser then use $watch and if you are using Meteor.currentUser use Meteor.autorun