角度-受保护的页面

Question

对于只有登录用户才能查看的页面，我在该页面的控制器中具有类似的功能；

if ( user is not logged in ) {

    $state.go('someState')

} else {

    // prepare the page as normal

}

考虑到我需要在要验证的每个页面上写这样的内容，我觉得也许有一个更优雅的解决方案。

我应该在app.run中执行此操作吗？ 就像是

  var protectedPages = a list of protected pages

  if ( protectedPages && user is not logged in ) {

        $state.go('someState')

    } else {

        // prepare the page as normal

    }

还是有一种完全不同的标准方法？

Answer 1

一般，我相信针对这种情况的最佳方法是设置页面更改事件并在那里定义逻辑...

但是对于定义逻辑，您需要了解下一个状态的一些属性，以便可以为每个状态添加一些数据，例如requireLogin 。 这些属性是完全自定义的，因此您可以定义所需的任何内容。

让我们定义一些需要登录的状态

$stateProvider
        .state('exampleState', {
            url: '/example',
            controller: 'ExampleController as vm',
            templateUrl: 'example.html',
            data: {
                requiresLogin: true,
                someOtherCustomProperty: 'It can be anything'
            }
        })

如您所见， exampleState现在在配置块中具有requireLogin属性，我们可以获取此数据，并允许用户进入exampleState或将其重定向到其他状态。

$rootScope.$on('$stateChangeStart', function (event, toState) {
        // if next state requires login and user is not loged in
        if (toState.data.requiresLogin && userNotLogedIn) {
            // prevent default behaviour and implement your logic here
            event.preventDefault();

            // TODO

            // as an example you can redirect user to login state
            $state.go('login');
        }
    });

而已。 您所要做的就是将该逻辑放在config块中，因为它应该检查每个状态更改...