app.run中$ stateChangeStart內的$ state.go無法正常工作

Question

注意：這是一個示例代碼， window.has_redirected只是為了使問題更容易。

此代碼不會重定向到dashboard 。

我在網上看到它不起作用的原因是$state還沒有准備好......但是我看到網上的教程正在做一些非常類似的事情。

我該如何解決？

(function(){
"use strict";

angular.module('app.routes').config( function($stateProvider, $urlRouterProvider ) {

    $urlRouterProvider.otherwise('/');

    $stateProvider
    .state('login',{
        url: '/',
        ...
    })
    .state('dashboard', {
        url: '/dashboard',
        ...
    });


} ).run( function( $rootScope, Users, $state ) {
    $rootScope.$on( "$stateChangeStart", function(event, toState, toParams
                                                     , fromState, fromParams){

        if ( !window.has_redirected ){
            window.has_redirected = true;
            window.console.log('going to dashboard');
            $state.go('dashboard');
        }

    });
} );
})();

Answer 1

有一個工作的plunker

你幾乎就在那里......我們真正需要的是通過以下方式停止執行流程：

event.preventDefault();

這將停止當前的狀態更改，並將進行重定向（ $state.go() ） ：

$rootScope.$on( "$stateChangeStart", function(event, toState, toParams
                                                 , fromState, fromParams){

  // I would always check if we are not already on the way
  // to the "redirection" target. 
  var isGoingToDashboard = toState.name === "dashboard";
  if(isGoingToDashboard)
  {
    return;
  }

  // this remains
  if ( !window.has_redirected ){
      window.has_redirected = true;
      console.log('going to dashboard');

      // HERE is the essential breaker of the execution
      event.preventDefault();
      $state.go('dashboard');
  }
});

在這里檢查它