【问题标题】:How to add home icon in page title bar in ionic side menu template如何在离子侧菜单模板的页面标题栏中添加主页图标
【发布时间】:2016-05-04 18:48:50
【问题描述】:

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

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

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

提前致谢。

【问题讨论】:

  • @NiravRanpara 感谢您的建议,但“侧面菜单模板”是否可行?
  • 我认为您在所有其他文件中都使用了菜单。再检查一遍!

标签: android cordova ionic-framework


【解决方案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 来隐藏主屏幕上的主按钮或图标。

【讨论】:

  • 感谢您的宝贵时间,我一直在寻找覆盖 ionic 的指令,但最终使用 css 解决了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-25
  • 2020-02-03
  • 1970-01-01
相关资源
最近更新 更多