Вложенные Угловые маршрутизаторы пользовательского интерфейса бросить исключение

Question

Я получил эту ошибку при нажатии на ui-sref="favorite-list":

Не удалось разрешить «любимый-лист» из состояния «исследования»

У меня есть код, как это :

$stateProvider 
     .state('study', { 
      url: '/study/:studyId', 
      templateUrl: 'scripts/study/study-edit.template.html', 
      controller: 'StudyController' 
     }) 
     .state('studyObject', { 
      url: '/study/:studyId/studyObject/:studyObjectId', 
      templateUrl: 'scripts/study-object/study-object-edit.template.html', 
      controller: 'StudyObjectController' 
     }) 
     .state('studies', { 
      url: '/studies?all&field&term&page&sort&sort_dir', 
      templateUrl: 'scripts/studies/studies.template.html', 
      controller: 'StudiesController', 
      onExit: function exitStudies(filterQuery) { 
       filterQuery.emptyQuery(); 
      }, 
      menuElement: 'studies', 
      resolve: { 
       attributes: function (attribute, manageAttributes) { 
        ... 
       } 
      } 
     }) 
     .state({ 
      name: 'studies.favorite-list', 
      template: '<favorites-list></favorites-list>', 
      parent: 'studies' 
     }); 

и HTML:

<div class="left-menu" ng-class="{collapsed: menu.isCollapsed}" click-outside="closeMenu()"> 
    <ul class="list-unstyled"> 
     <li> 
      <button role="button" ui-sref="favorite-list" ng-class="{'text-bold': favorites.active}"> 
       <img src="images/divos/star.svg" alt="Favorites" height="20" width="30"> Favorites 
      </button> 
     </li> 
    </ul> 
    <div ui-view></div> 
</div> 

Я попытался с родителем и без, используя .state('studies.favorite-list', {}) также используя ui-sref="studies.favorite-list", но я продолжаю получать эту ошибку. Я использую версию 0.2.18 от беседки.

Answer 1

нашел решение, я только нужно добавить запятую перед именем:

ui-sref=".favorite-list"