Ионное название заголовка, не обновляющееся при переходе в состояние «племянника»

Question

В основном я пытаюсь перейти из состояния root.home в root.topic.section (вид темы с вложенным разделом). Просмотр загружается, но моя кнопка назад и название заголовка не отображаются. Название вида остается таким же, как и в root.home. Я не понимаю, потому что, когда я использую ui-sref для перехода в состояние родства (без дочерних состояний), он меняет название.

EDIT: Когда я перейти от root.home к родственным страницам root.dbtest, DBTEST создала новый NavBar элемент в DOM с правильным названием, и устанавливает Navbar Начального к 'кэшируется. Но когда я перемещаюсь из root.home в root.topic.section, новый элемент DOM не создается, и дом остается активным.

EDIT 2 это «ui-sref», который я использую для ссылки на под-состояние из root.home.

<a ui-sref="root.topic.section({topicId: xxx, inStore: false, topicName: xxx, sectionType: SECTION_TYPE.Summary})">link</a> 

.

$stateProvider 
    .state('root', { 
     url: '/root', 
     abstract: true, 
     templateUrl: 'templates/menu-static.html', 
     controller: 'MenuCtrl' 
    }) 
    .state('root.home', { 
     url: '/home', 
     views: { 
      'menuContent': { 
       templateUrl: 'templates/home.html', 
       controller: 'HomeCtrl' 
      } 
     } 
    }) 
    .state('root.topic', { 
     url: '/topic/:topicId/{inStore}', 
     abstract: true, 
     cache: false, 
     views: { 
      'menuContent': { 
       templateUrl: 'templates/topic-view.html', 
       controller: 'TopicCtrl' 
      } 
     }, 
     params: {topicName: null} 
    }) 

    .state('root.topic.section', { 
     url: '/section/:sectionType', 
     views: { 
      'sectionSpace': { 
       templateUrl: 'templates/topic-section-view.html', 
       controller: 'TopicSectionCtrl' 
      } 
     } 
    }) 

Вот отрывок из моего меню-static.html

<ion-side-menu-content> 
    <ion-nav-bar class="bar-stable"> 
    <ion-nav-back-button> 
    </ion-nav-back-button> 
    <ion-nav-buttons side="right"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="right"> 
     </button> 
    </ion-nav-buttons> 
    </ion-nav-bar> 
    <ion-nav-view name="menuContent"> 

    </ion-nav-view> 
</ion-side-menu-content> 

Вот отрывок из home.html

<ion-view view-title="All Topics"> 
    <ion-nav-title>All Topics</ion-nav-title> 
    <ion-content> 
    </ion-content> 
</ion-view> 

Вот отрывок из темы-view.html

<ion-view view-title="NOT SHOWING"> 
    <ion-nav-title>NOT SHOWING</ion-nav-title> 
    <ion-content> 
    <ion-nav-view name="sectionSpace"> 
    </ion-nav-view> 
    </ion-content> 
</ion-view> 

Answer 1

Также: в настоящее время Url будет/roo t/topic/... Это кажется нежелательным => у вас может быть root url: '',, и это позволит указать URL-адрес/topic/ . Это не сработало для меня, поэтому я пробовал это лично, и это действительно работало для родитель:

тема-view.html

<ion-view view-title="NOT SHOWING"> 
    <div class="tabs-striped tabs-top tabs-background-balanced tabs-color-light"> 
    <div class="tabs"> 
     <a ng-repeat='section in ["Section1", "Section2", "Section3"]' class="tab-item" ng-click='goTo(section.toLowerCase())'> 
     {{section}} 
     </a> 
    </div> 
    </div> 
    <ion-nav-view name='sectionSpace'></ion-nav-view> 
</ion-view> 

И он сделал работу. Я не уверен, что это {inStore}, но, возможно, это для более ранних версий Ionic/Angular. Я думаю, что я работал в этом кодеде: http://codepen.io/zargold/pen/qZNJNJ?editors=1011