Angular UI Router - 嵌套路由不适用于具有嵌套状态的模板

时间:2013-09-27 16:06:43

标签: javascript angularjs angular-ui angular-ui-router

这是我的代码:

.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>

当我点击链接时,在ui-view中出现了父状态的模板和控制器。 AngularJS版本是1.2.0-rc.2

2 个答案:

答案 0 :(得分:6)

嵌套状态将在其父模板的ui-view元素内呈现(如果无父,则在根ui-view内呈现)。请务必阅读文档的“Nested States & Views”部分。

答案 1 :(得分:-2)

请注意亲子命名惯例!

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