离子导航栏

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>

这里是一张图片，所以你可以看到我需要的东西：

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.align('left')在控制器内使用$ionicNavBarDelegate。

最后，如果你想修改链接的间距或颜色，可以像fiddle中那样通过css进行修改。我希望我的回答可以帮到你！