2017-01-23 35 views
0

我點擊ui-sref="favorite-list"時得到這個錯誤:嵌套角UI路由器拋出異常

無法解析從狀態最喜歡清單「「研究」

我有這樣的代碼:

$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"但我不斷收到此錯誤。我使用的是bower版本0.2.18。

回答

0

找到了解決辦法,我只需要在名稱前加上逗號:

ui-sref=".favorite-list"