Angulaire JS ui-routeur comment rediriger vers un état enfant d'un parent?

1) Pourquoi le parent état d'être réinitialisé lors de la .aller est appelée sur un
état d'enfant?

Alors qu'une transition est en cours, tout $état.aller/transitionTo sera la cause de la actuellement dans le processus de de transition d'être Remplacé. Un processus de transition qui est remplacée est immédiatement annulée. Depuis l'original de votre transition vers inventory n'est pas terminée au moment où tous les membres onEnters sont appelés, la transition originale est annulée et une nouveau transition à inventory.low est démarré à partir de l'actif de l'état.

Voir ui-router src https://github.com/angular-ui/ui-router/blob/master/src/state.js#L897 ...

2) Comment, alors, voulez-vous gérer la redirection vers un état d'enfant?

Vous pourriez...

• Envelopper $state.go dans un $timeout() pour permettre la transition originale pour terminer avant de la rediriger.
• Appel de $état.aller à partir de votre contrôleur à la place. L'INTERFACE utilisateur du routeur appelle le contrôleur de l'interface utilisateur-pour afficher la directive APRÈS la transition est terminée.

Dans tous les cas, être très sûr que vous voulez que votre application de redirection de ce genre. Si un utilisateur accédant directement à n'importe quel autre enfant de l'état de l'inventaire (comme inventory.high), la redirection va encore se produire, les forçant à inventory.low qui ne seraient pas ce qu'ils voulaient.

Vous avez besoin de prendre du recul et de réfléchir à ce que vous essayez d'atteindre. Quel est l'intérêt d'avoir un état quand il fait c'est de la redirection vers un état d'enfant?

Concernant votre première question, parent états sont toujours activé lorsque vous arrivez à un état d'enfant, ce comportement est extrêmement utile pour le partage de données entre les états, et sans imbriquée à l'routage serait impossible (ou plutôt n'aurait pas de sens).

Comme pour la 2ème question, j'ai travaillé sur quelques gros angulaire apps et je n'ai pas encore trouvé moi-même avoir besoin de le faire.

OK, croyez-le ou pas, autant je déteste le dire, pour l'instant, je suis tombé sur un scénario où j'avais besoin pour ce faire. J'ai un profile/userName route (techniquement, cela devrait être profile/userName/details) et un profile/userName/products route, je voulais avoir une vue master pour les deux états, mais en même temps je voulais que le profile/userName itinéraire avoir une url propre, comme: profile/mike62PAS profile/mike62/details. J'ai donc fini par le faire:

.state('publicProfile', { url: '/profile/{username}'})//this is the base/shell state
.state('publicProfile.details',{url:null})//I want this to be my de-facto state, with a clean URL, hence the null url
.state('publicProfile.products', {url:'/products/{exceptProductId:/?.*}'})

Fini par l'atteindre, comme cela, il existe de nombreuses façons:

dans mon publicProfile contrôleur d'état (c'est la base de l'état):

$scope.state = $state;
$scope.$watch('state.current', function(v) {
       if(v.name=='publicProfile') {//want to navigate to the 'preferred' state if not going to publicProfile.products
            $state.go('publicProfile.details');
       };
}, true);

Oui, il ne se sent hacky mais maintenant je sais qu'il y a certains cas où nous voulons pour ce faire, althopugh nous pourrions repenser notre conception de l'état, tout à fait. Un autre, plus sale façon serait de vérifier l'état actuel de $timeout avec un petit retard à l'intérieur de l'état de base, si nous ne sommes pas sur la publicProfile.products état, nous naviguons vers notre préféré/de facto de l'état de publicProfile.details.

Par pdvorchik sa réponse sur le liées GitHub filil y a une solution simple pour ce qui a fonctionné parfaitement pour moi, composé d'emballage de la $state.go appel à un .finally() appel à assurez-vous que la première transition se termine avant qu'un nouveau est commencé.

onEnter: ['$state', function($state){
    if ($state.transition) {
        $state.transition.finally(function() {
            $state.go('home.my.other.state', {})
        });
    }
}]

Ne pas faire le bas de l'inventaire de l'état d'un enfant de l'état.

$stateProvider
    .state 'inventory',
        url: '/inventory'
        templateUrl: 'views/inventory.html'
        controller: 'InventoryCtrl'
        onEnter: () ->
            $state.go 'lowinventory'
    .state 'lowinventory',
        url: '/inventory/low'
        templateUrl: 'views/inventory-table.html'
        controller: 'LowInventoryCtrl'