javascript - stateChangeStart-AngularJS

我正在使用$ stateChangeStart进行登录。

在我的网站上，我有一些页面，用户可以在未登录时访问。

我写此代码用于注销和在某些页面上进行检查访问。

但是我在用户转到有关页面时遇到问题（无需用户验证）

$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
            console.log('TS', toState, 'TP', toParams, 'FS', fromState, 'FP', fromParams)
            if (!$rootScope.currentUser) {
                console.log('NO USER')
                if (toState.name !== 'login') {
                    event.preventDefault();
                    console.log('SOME ROUTE');
                    $state.go("login");
                }
                else if (toState.name !== 'about' ) {
                    console.log("about no user")
                    $state.go("about");
                }

            }
        });

任何想法我该如何使用$ stateChangeStart

这与其他，如果不起作用。

谢谢！

最佳答案

最佳做法是在每条路由上（在配置时）指定是否需要登录，

.state("users", {
   url: "/users",
   data: {
      requiresLogin: true
   }
})

那么您将能够检查该状态是否要求每次导航登录，如下所示：

$rootScope.$on('$stateChangeStart', (event, toState, toParams, fromState, fromParams, options) => {
    if(toState.data && toState.data.requiresLogin) {
       // validate the user here, if not valid navigate to Login
    }
});

另外，您可以利用数据继承，并指定要求登录为abstract状态的路由范围。

e.state("users", {
    abstract: true,
    url: "/users",
    data: {
        requiresLogin: true
    }
})
.state("users.main", {
    url: "/",
    template: '<users-main></users-main>'
})
.state("users.page2", {
    url: "/page2",
    template: '<users-page2></users-page2>'
})

在上面的示例中，作为用户子状态（其名称带有users.前缀）的每个状态都将继承数据属性，因此将需要登录。