如何在离子应用程序中创建一个mutilevel侧面菜单?

时间:2016-04-21 12:08:55

标签: ionic-framework

我想在我的离子应用程序中创建多级侧面菜单。 我目前的代码是:

menu.html:

<ion-side-menus enable-menu-with-back-views="true">
<ion-side-menu-content>
<ion-nav-bar class="bar-positive">

  <ion-nav-buttons side="left">
    <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
    </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 class="item-icon-left" menu-close href="#/app/ProSum">
        <i class="icon ion-android-clipboard" ></i>Profile Summary
    </ion-item>
    <ion-item class="item-icon-left" menu-close href="#/app/AspDash">
      <i class="icon ion-easel" ></i>Aspirations Dashboard
    </ion-item>
    <ion-item class="item-icon-left" menu-close href="#/app/Profile">
      <i class="icon ion-android-contact" ></i>Profile
    </ion-item>
    <ion-item class="item-icon-left" menu-close href="#/app/SignOut">
      <i class="icon ion-log-out" ></i>Sign Out
    </ion-item>
  </ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>

当我点击任何选项时,应显示更多选项列表。

个人资料摘要

  • 选项1
  • 选项2

资料

  • 选项1
  • 选项2
  • 选项3

0 个答案:

没有答案