ionic navbarのテキストはどのように変更できますか？

Question

この私のコード...

<ion-side-menu-content> 
    <ion-nav-bar class="bar-stable"> 
     <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> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
    <ion-nav-view name="menuContent"></ion-nav-view> 
    </ion-side-menu-content> 

私はヘッダーバーのテキストを変更する方法を知りません。

Answer 1

はお役に立ちます。 nav titleディレクティブは、ionNavBarタイトルテキストをionViewテンプレート内のカスタムHTMLに置き換えます。これにより、各ビューは、テキストのみではなく、イメージやHTMLなど、独自のカスタムタイトル要素を指定することができます。あるいは、テキストのみのタイトルは、view-title ionView属性を使用して更新できます。

ion-nav-titleは、イオンビューまたはイオンナビゲータの要素の直後にある必要があります（基本的に別のdivでラップしないでください）。

使用方法 "MySideMenuTitle" のタイトルのために

<ion-nav-bar> 
</ion-nav-bar> 
<ion-nav-view> 
    <ion-view> 
    <ion-nav-title> 
     <img src="logo.svg"> 
    </ion-nav-title> 
    <ion-content> 
     Some super content here! 
    </ion-content> 
    </ion-view> 
</ion-nav-view> 

Answer 2

—次のようにあなたの例を変更します。

<ion-side-menus> 
    <ion-side-menu-content> 
    <ion-nav-bar class="bar-stable"> 
     <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> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
    <ion-nav-view name="menuContent"></ion-nav-view> 
    </ion-side-menu-content> 
    <ion-side-menu side="left"> 
    <ion-header-bar class="bar-balanced"> 
     <h1 class="title">MySideMenuTitle</h1> 
    </ion-header-bar> 
    <ion-content> 
     ... 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

を通常のイオンビューの場合は、NAVのタイトルを変更することは簡単です：

<ion-view view-title="MyTitle"> 
    <ion-content> 
    ... 
    </ion-content> 
</ion-view>