2013-09-27 93 views
10

这里是我的代码:角UI路由器 - 嵌套的路线不上的模板嵌套的工作状态

.state('profile',{ 
     url : '/profile', 
     templateUrl: 'views/user.html', 
     controller: 'UserCtrl' 
     }) 
     .state('profile.forgot',{ 
     url : '/delivers', 
     templateUrl: 'views/user_forgot.html', <- this template not appear, when state is active 
     controller: 'forgotCtrl' 
     }) 

<a ui-sref="profile.forgot">Forgot your pasword?</a> 
<div class="panel" ui-view=""></div> 

当我点击链接,在用户界面视图模板出现和家长状态的控制器。 AngularJS版本是1.2.0-rc.2

+0

我在这里使用1.2.0-rc.3有同样的问题。你是否找到了解决方案? – Nick

+0

Phil Thomas的回答如下。请接受它。 – martijnve

+0

@Nick你有没有解决这个问题,我有同样的问题 – vimal1083

回答

6

嵌套状态将其父模板(其中,如果没有父母,根ui-view内呈现)的ui-view元件内呈现。请确保您阅读了文档的'Nested States & Views'部分。

-2

请注意亲子命名约定!

.state('profile.forgot',{ 
     url : '/forgot', 
     templateUrl: 'views/profile.forgot.html', 
     controller: 'forgotCtrl' 
     }) 
+0

一个约定与问题无关。他可以随心所欲地命名它,只要它是有效的uri –

+0

就可以加载,这可能与控制器中的语言有关。从理论上讲,只要应用程序知道如何使用端点,将views/profile.forgot.html'更改为views/I.love.chocolate.html应该没有什么区别。 –