angular-ui-router: lösen Sie auf der root-Zustand

Haftungsausschluss — messing, um mit Ihnen root-scope ist nicht eine gute Idee. Wenn Sie dies Lesen, beachten Sie bitte, dass der OP, @dalu, Wunde bis canning auf dieser Strecke und löste sein Problem mit http-Abfangjäger. Noch — es war ziemlich lustig, diese Frage zu beantworten, so dass Sie vielleicht zu genießen, Experimentieren mit selbst:

Ist es vielleicht ein wenig spät, aber hier geht

Wie bereits erwähnt in den Kommentaren und aus meiner Erfahrung so weit, das ist nicht möglich, mit dem ui-router api (v0.2.13) zu sehen, als Sie bereits erklären, die wahre Ursache Staat, namens "". Sieht aus wie es gewesen, einen pull-request für die letzten paar Jahre über das, was Sie suchen, aber es sieht nicht wie es geht, überall.

Den root-Zustand die Eigenschaften sind wie folgt:

{
    abstract: true,
    name: "",
    url: "^",
    views: null
}

Sagte, dass, wenn Sie möchten, erweitern Sie den router, um diese Funktionalität hinzufügen, Sie können dies tun, ziemlich leicht, indem Sie die Dekoration der $stateProvider:

$provide.decorator('$state', function($delegate) {
  $delegate.current.resolve = {
    user: ['User', '$stateParams', httpRequest]
  };
  return $delegate
});

Beachten, dass es zwei currents: $delegate.current - die raw - "" Staats - und $delegate.$current - seine Hülle.

Ich habe ein bisschen einen Haken, obwohl, vor diesem wird die Lösung, die Sie gesucht haben. Jedes mal, wenn Sie navigieren Sie zu einem neuen Staat, Sie machen andere Anfrage, die gelöst werden, bevor Sie fortfahren. Dies bedeutet, dass diese Lösung nicht viel besser als die Ereignisbehandlung auf $stateChangeStart, oder einige "top" Zustand. Ich kann mir denken, drei Tricks aus der Spitze von meinem Kopf:

• Erste, cache http-Aufruf. Außer ich kann sehen, wie das so ziemlich untauglich für bestimmte Anwendungsfälle, vielleicht sind Sie etwas zu tun mit sessions.
• Weiter, verwenden Sie eine der singleton-Optionen (Steuerung/service) bedingt aufrufen (vielleicht auf nur ein flag setzen für die erste Ladung). Da der Staat wird abgerissen, es ist der controller vielleicht auch - ein service könnte Ihre einzige option.
• Schließlich, schau mal in einige andere Weg von routing - ich habe nicht verwendet ui.router-extras zu viel, aber sticky Staaten oder "tiefen Staat" redirect könnte den trick tun.

Denke ich, schließlich bin ich verpflichtet, Sie daran zu erinnern, vorsichtig zu sein mit der Tatsache, dass Sie arbeiten auf der root-Ebene. Also, ich meine, so vorsichtig, wie Sie sein sollten, wenn es etwas zu tun in root-Ebene.

Ich hoffe, das beantwortet Ihre Frage!

Ist hier anders Vorgehen

Fügen Sie folgenden code zu Ihrer app .run block

//When page is first loaded, it will emit $stateChangeStart on $rootScope
//As per their API Docs, event, toState, toParams, fromState values can be captured
//fromState will be parent for intial load with '' name field
$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState){

    //check if root scope
    if(fromState.name == ''){

        //add resolve dependency to root's child
        if(!toState.resolve) toState.resolve = {};
        toState.resolve.rootAuth = ['$_auth', '$q', '$rootScope', function($_auth, $q, $rootScope){


            //from here on, imagine you are inside state that you want to enter
            //make sure you do not reject promise, because then you have to use 
            //$state.go which will again call state from root and you will end up here again
            //and hence it will be non ending infinite loop

            //for this example, I am trying to get user data on page load
            //and store in $rootScope
            var deferred = $q.defer();

            $_auth.user.basic().then(
                function(authData){
                    //store data in rootscope
                    $rootScope.authData = authData;
                    deferred.resolve(authData);
                    console.log($rootScope.authData);
                },
                function(){
                    $rootScope.authData = null;
                    deferred.resolve(null);
                    console.log($rootScope.authData);
                }
            );

            return deferred;
        }];
    }
});

Verwenden $state.go('name', {}, {reload:true}); Ansatzes für den Fall, Sie brauchen, um zu aktualisieren authData auf Status ändern (also, dass der übergang Zustand startet immer von root sonst beheben, laden authData wird nie aufgerufen werden, da einmal root geladen ist, braucht es nie zu bekommen, wieder angerufen {außer page-reload}).