イオン - navbarのタイトルを印刷することができません

Question

私は角度とイオンで作業していますが、現在はnavbarに任意のタイトルを印刷できません。

私は、複数のネストされたビューで非常に複雑な設定をしています。ここで

は状態のリストです：

state('app', { 
    cache: false, 
    url: '/app', 
    abstract: true, 
    templateUrl: './sections/menu/menu.tpl.html', 
    controller: 'menuCtrl' 
}).state('app.home', { 
    url: '/home', 
    views: { 
    'appContent': { 
     templateUrl: './sections/menu/pageViewsContainer.tpl.html', 
     controller: 'homeCTRL' 
    }, 
    'Details@app.home': { 
     templateUrl: './sections/home/home.tpl.html' 
    }, 
    'List@app.home': { 
     templateUrl: './sections/List/List.tpl.html' 
    } 
    } 
}).state('app.details', { 
    name: 'appDetails', 
    url: '/:ID', 
    views: { 
    'appContent': { 
     templateUrl: './sections/menu/pageViewsContainer.tpl.html', 
     controller: 'DetailsCtrl' 
    }, 
    'zoneDetails@app.details': { 
     templateUrl: './sections/Details/Details/details.tpl.html' 
    }, 
    'zoneList@app.details': { 
     templateUrl: './sections/List/List.tpl.html' 
    } 
    } 
}); 

は（アブストラクト）は、状態は、メインアプリですとこのようになりますmenu.tpl.htmlを使用しています私：私はpageViewsContainer.tpl.htmlからテンプレートを使用しています<ion-view ui-view="appContent"></ion-view>内部

<ion-side-menus enable-menu-with-back-views="true"> 
<ion-side-menu-content class="custom-central-content"> 
     <ion-nav-bar class="bar-calm custom-header-bar"> 
      <ion-nav-buttons side="left"> 
       <!--<button class="button button-icon button-clear ion-home" menu-toggle="left"></button>--> 
       <button class="button button-icon button-clear ion-home" ui-sref="app.myHouse" id="AppMenuLeftIcon"></button> 
      </ion-nav-buttons> 

      <ion-nav-buttons side="right"> 
       <button class="button button-icon button-clear ion-navicon" menu-toggle="right" id="AppMenuRightIcon"></button> 
      </ion-nav-buttons> 
     </ion-nav-bar> 

     <ion-view ui-view="appContent"></ion-view> 

    </ion-side-menu-content> 

    <ion-side-menu side="right"> 
     <ion-header-bar class="bar-dark"> 
      ..... 

ました：

<ion-view> 
    <ion-content class="hg-split-page-container"> 
     <div ui-view="List" class="hg-split-page-zone-list has-header" nav-transition="none"></div> 
     <ion-nav-view name="Details" class="hg-split-page-zone-details"></ion-nav-view> 
    </ion-content> 
</ion-view> 

nd then inside inside DetailsとList私は必要な2つのビューを印刷しています。

問題は、メイン（ホーム）ページの静的タイトルを設定する必要がありますが、スコープ内のページの名前を詳細内に入れたときに動的に変更する必要があるということです。

問題は、どのような方法でもタイトル（平文、範囲ではない）を印刷できないことです。

（pageViewsContainer.tpl.htmlで）と私が試した：

<ion-view> 

    <ion-nav-title>View 1</ion-nav-title> 

    <ion-content class="hg-split-page-container"> 
     <div ui-view="List" class="hg-split-page-zone-list has-header" nav-transition="none"></div> 
     <ion-nav-view name="Details" class="hg-split-page-zone-details"></ion-nav-view> 
    </ion-content> 
</ion-view> 

---

<ion-view view-title="View 1"> 

     <ion-content class="hg-split-page-container"> 
      <div ui-view="List" class="hg-split-page-zone-list has-header" nav-transition="none"></div> 
      <ion-nav-view name="Details" class="hg-split-page-zone-details"></ion-nav-view> 
     </ion-content> 
    </ion-view> 

---

ならびに（詳細テンプレート内）：

<ion-view> 
    <ion-nav-title>View 1</ion-nav-title> 
    <ion-content class="has-footer has-header"> 
    ... 

---

<ion-view view-title="View 1"> 
     <ion-content class="has-footer has-header"> 
     ... 

しかし何も機能しませんでした。

提案？

Answer 1

私は自分のナビゲーションにかなり変更しなければならなかった私は、ネストされたビューを使用していたとして、それは、判明

、親、子どもたちはまったく間違った方法で。今はうまくいきます。

# This should show the navabar everytime the view is entered 
$scope.$on '$ionicView.enter',() -> 
    $ionicNavBarDelegate.showBar true 

Answer 2

てみヘッダーバー内のタイトルのコマンドを追加

<ion-view> 
    <ion-header-bar class="bar-stable"> 
    <h1 class="title">View 1</h1> 
    </ion-header-bar> 
<ion-view> 

か試す

<ion-view> 
    <div class="bar bar-header browse-header" align-title="center"> 
    <h1 class="title">View 1</h1> 
</div> 
<ion-content class="has-header"> 
</ion-content> 
</ion-view>