Ionic Navigationsleiste

Question

Ich versuche Seiten mit Links in der Navigationsleiste (in der Mitte) hinzuzufügen. Auf der rechten Seite möchte ich einen Navigationsknopf haben, der beim Klicken die rechte Seitenleiste öffnet. Für den Moment habe ich nur den Navigationsknopf gedrückt, aber ich kann nicht herausfinden, wie man Links in die Mitte der Navigationsleiste legt. Code-Beispiel:

<ion-side-menus> 
    <ion-side-menu-content> 
    <ion-nav-bar class="bar-stable"> 
     <ion-nav-back-button ng-click="myGoBack()"> 
     </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> 

    <ion-side-menu side="right"> 
    <ion-content> 
     <ion-list> 
     <ion-item menu-close ng-click=""> 
      Traveler 
     </ion-item> 
     <ion-item menu-close href=""> 
      Pinko 
     </ion-item> 
     <ion-item menu-close href=""> 
      Club 
     </ion-item> 
     <ion-item menu-close ng-click=""> 
      My Agency 
     </ion-item> 
     <ion-item menu-close href=""> 
      My Karma 
     </ion-item> 
     <ion-item menu-close href=""> 
      Notification 
     </ion-item> 
     <ion-item menu-close href=""> 
      Profile 
     </ion-item> 
     <ion-item menu-close href=""> 
      Settings 
     </ion-item> 
     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

Aslo hier ist ein Bild, so können Sie sehen, was ich brauche:

Answer 1

Ich weiß nicht, wie man den Übergang zu verschiedenen $states sind Handling, aber man kann versuchen einfügen die Verbindungen innerhalb des <ion-nav-title> Tag auf folgende Weise:

<ion-nav-title align='center'> 
    <span><a href="">Link 1</a></span> 
    <span><a href="">Link 2</a></span> 
    <span><a href="">Link 3</a></span> 
    </ion-nav-title> 

Dann, wenn Sie den Titel auf der linken Seite wie in dem Bild, das Sie an verschieben möchten haben, können Sie $ionicNavBarDelegate verwenden können in Ihrem Controller mit $ionicNavBarDelegate.align('left').

Schließlich, wenn Sie den Abstand oder die Farbe der Links ändern möchten, tun Sie es über css wie ich in diesem fiddle tat. Ich hoffe, dass meine Antwort Ihnen hilft!