如何在离子侧菜单模板页面标题栏中添加首页图标

Question

我是ionic的新手，我正在使用ionic-cordova开发一个混合的android应用程序。

我正在使用离子的侧菜单模板，并寻找一种方法来添加主页图标在页面标题栏离子侧菜单模板。此图标将出现在除主页以外的所有页面中。

请分享，如果你有解决方案或任何链接，我可以获得任何解决方案。

​

​

提前谢谢。

Answer 1

将该代码放入menu.html中

<ion-side-menus enable-menu-with-back-views="false">
  <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>
          <button class="button button-icon ion-home ">
            </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-stable">
      <h1 class="title">Menu</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item menu-close ng-click="login()">
          Login
        </ion-item>
        <ion-item menu-close href="#/app/Setting">
          Setting
        </ion-item>
        <ion-item menu-close href="#/app/playlists ">
         playlists </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

并在主控制器上使用angular ng-hide来隐藏主屏幕上的Home键或图标。