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

时间:2016-05-04 10:06:41

标签: android cordova ionic-framework

我是离子新手,我正在使用ionic-cordova开发混合Android应用程序。

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

如果您有解决方案或任何可以获得解决方案的链接,请分享。

enter image description here

提前致谢。

1 个答案:

答案 0 :(得分: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>

并在家庭控制器上使用角度ng-hide隐藏主页按钮或主屏幕上的图标。