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

Ответ 1

Вложенное состояние будет отображаться внутри элемента ui-view его родительского шаблона (который, если без родителя, отображается внутри корня ui-view). Убедитесь, что вы читаете раздел Вложенные государства и виды в документах.

Ответ 2

Обратите внимание на соглашение об именах родителей и детей!

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