UI-Router Come caricare automaticamente una vista nidificata all'interno della vista genitore come predefinita

Question

Ho giocato con UI-Router poiché ngRoute non copre proprio ciò di cui avevo bisogno in base ai miei layout diversi che richiedevano più viste nidificate. Quello che non riesco a capire in UI-Router è come caricare viste nidificate predefinite senza dover fare clic su un collegamento. Ho creato un esempio grezzo di cosa intendo in uno plunker

Essenzialmente ci sono due percorsi principali all'interno di ciascuno, c'è un contenitore che ospita viste nidificate. Voglio caricare una vista predefinita in loro senza dover fare clic su un ui-sref.

<h1>Auth Panel</h1> <-- main route 1 
Just a container for login/forgot/reset 
<hr/> 
<a ui-sref="auth.login">Show Login</a><br> <-- can click to load nested view, but want to autoload 
How to show automatically /login within the panel <br> 
without having to click show login? 
<div ui-view></div> <-- child to autoload with /login 

Grazie

Answer 1

sul tuo stato genitore aggiungere un param

.state('parentState', { 
//... 
    params: { 
     autoActivateChild: 'parentState.childState' 
    } 
//... 
}) 

e aggiungi a qualche

$rootScope.$on('$stateChangeSuccess', function(event, toState){ 
    var aac; 
    if(aac = toState && toState.params && toState.params.autoActivateChild){ 
     $state.go(aac); 
    } 
}); 

Answer 2

Se si voleva passare automaticamente a uno stato infantile di default quando la carichi genitore, puoi attivare un clic su quel particolare ui-sref nel tuo controllo ler.

angular.element("#childElementId").trigger('click');