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');