離子導航欄

Question

我想在導航欄中添加帶有鏈接的頁面（在中間位置）。在右側，我想要有一個導航按鈕，點擊打開右側的側欄。現在我只是把導航按鈕，但我不知道如何把鏈接在導航欄的中心。代碼示例：

<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這裏是一個形象，你可以看到我需要什麼：

Answer 1

我不知道你是如何處理過渡到不同$states，但你可以嘗試插入通過以下方式將<ion-nav-title>標籤中的鏈接：

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

然後，如果你要移動的標題左側喜歡你已經安裝在圖像，你可以使用$ionicNavBarDelegate裏面你控制器與$ionicNavBarDelegate.align('left')。

最後，如果您想要修改鏈接的間距或顏色，請通過css來完成，就像我在fiddle中所做的一樣。我希望我的回答能幫助你！