2016-05-05 5 views
0

私は現在、バージョン1.2.4のIonicを使用しています。ion-sides-menusのタイトルをその子イオンビューのタイトルに設定するにはどうすればよいですか?

私はion-side-menus指令である親ビューappを持っています。現在、ion-side-menu-content - >ion-nav-barにはタイトルがありますが、そのサブビューはion-nav-barのタイトルを変更していません。ここで

appソースです:

<ion-side-menus enable-menu-with-back-views="false"> 
    <ion-side-menu-content> 
    <ion-nav-bar class="bar-stable has-header" align-title="center"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 

     <ion-nav-buttons side="left"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
     </button> 

     <h1 class="title"> 
      Default Title 
     </h1> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
    <ion-nav-view></ion-nav-view> 
    </ion-side-menu-content> 

    <ion-side-menu side="left"> 
    <ion-header-bar class="bar-stable"> 
     <h1 class="title">Menu</h1> 
    </ion-header-bar> 
    <ion-content> 
     <ion-list> 
     <ion-item menu-close href="#/app/view1"> 
      View 1 
     </ion-item> 
     <ion-item menu-close href="#/app/view2"> 
      View 2 
     </ion-item> 
     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

そしてapp状態は次のようにセットアップされている:

$stateProvider.state('app', { 
    url: '', 
    abstract: true, 
    template: '<app></app>' 
}); 

サブビューが正しくion-nav-viewにロードされているが、それはview-titleが更新されていないのですion-nav-barタイトル。

はここview1のソースです:私はcontrollertemplateUrl属性の角度componentを使用してい

$stateProvider.state('app.view1', { 
    url: '/view1' 
}); 

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

そしてview1状態のような設定です。

ion-side-menusを使用している場合、サブビューで親ビューion-nav-barのタイトルを更新するにはどうすればよいですか?

+0

あなたのui-routerの状態はどのように設定されていますか? – ankur

+0

@ankur:投稿を更新しました。 –

答えて

1

これをいじっのビットは、この作品は私がion-nav-viewだったとname属性を追加appテンプレートソースを修正させるには...

を解決された後: <ion-nav-view name="appContent"></ion-nav-view>

と子で私は悲惨なion-nav-titleを追加view1テンプレートソース内

$stateProvider.state('app.view1', { 
    url: '/view1', 
    views: { 
    'appContent': { 
     templateUrl: `path/to/view1.html` 
    } 
    } 
}); 

:ビューは、私が見えるようにstateを修正しましたそのようなctive:

<ion-view> 
    <ion-nav-title>View 1</ion-nav-title> 
    <ion-content class="padding"> 
    <p>View 1</p> 
    </ion-content> 
</ion-view> 

は、今の子ビューは、それぞれナビゲーションバーのタイトルを変更ion-nav-title

関連する問題