Wie kann ich ionischen Navbar Text ändern?

Question

Das ist mein Code ...

<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> 

Ich weiß nicht, wie kann ich die Kopfleiste Text ändern.

Answer 1

könnte Ihnen nützlich sein. Die nav title-Direktive ersetzt einen ionNavBar-Titeltext durch benutzerdefiniertes HTML innerhalb einer ionView-Vorlage. Dadurch erhält jede Ansicht die Möglichkeit, ein eigenes benutzerdefiniertes Titelelement anzugeben, z. B. ein Bild oder ein beliebiges HTML, und nicht nur Text. Alternativ können Nur-Text-Titel mit dem View-Titel ionView-Attribut aktualisiert werden.

Beachten Sie, dass ion-nav-title ein direkter Nachkomme des ion-view- oder ion-nav-bar-Elements sein muss (im Grunde nicht in ein anderes div).

Nutzungs

<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

Für einen Titel "MySideMenuTitle" — Ihr Beispiel wie folgt ändern:

<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> 

Für eine regelmäßige Ionic Ansicht, die Änderung der nav Titel ist einfacher:

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