从ngRoute迁移到ui.router $ rootScope。$'$ stateChangeStart'上的$不触发

Question

我正在尝试创建一个身份验证系统。 我在这个（插件）教程上打了个基础， 这很棒，但是使用ngRoute，我希望切换到ui.router。

经过一番艰苦的尝试，我决定进一步搜索以找到此ui.router auth demo（插件） 。

我替换了一些东西，现在我的代码看起来像这样（插头） 。

我已经成功地用ui.router替换了ngRoute，但是我有一个小小的大问题：

遇到了module.run方法，但是在它里面，我下面的代码从未触发（我只想弹出警报，因此可以继续编写重定向逻辑）。

$rootScope.$on('$stateChangeStart', function (e, toState, toParams, fromState, fromParams) {
        alert("enter");

        // redirect to login page if not logged in and trying to access a restricted page
        // var restrictedPage = $.inArray($state.path(), ['/login', '/register']) === -1;
        // var restrictedPage = !($state.includes("login") || $state.includes("register"));

        var loggedIn = $rootScope.globals.currentUser;
        if (!loggedIn) {
            $state.go('login');
        }
    });

我还没有弄清楚我在做什么错。 谢谢您的宝贵时间！

Answer 1

试试这个版本。

基本上，使用$transitions而不是$rootScope.$on('$stateChangeStart' ，因为已经弃用了。