從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' ，因為已經棄用了。