UI-路由器如何自動加載父視圖中的嵌套的視圖作爲默認

Question

因爲ngRoute我一直在玩UI，路由器並不完全掩蓋什麼，我需要根據我需要多個嵌套視圖不同的佈局。我無法在UI-Router中弄清楚如何加載默認嵌套視圖，而無需單擊鏈接。我創造了什麼，我在一個plunker

是平均粗例子本質上有內每兩個主要途徑有哪些主機嵌套視圖的容器。我想加載一個默認視圖到他們而不必點擊一個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 

感謝

Answer 1

在你的父母狀態添加PARAM

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

並把這個地方

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

Answer 2

如果你想在自動定位到一個默認的子狀態父母的負荷，你可以觸發特定ui-sref一個點擊控制LER。

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