Angular 如何在ionic2的侧菜单中添加子项？

rootPage:any=仪表板页面；
页面：数组；
此页=[
{标题：'Dashboard'，组件：DashboardPage，图标：“md stats”，颜色：，iconcolor:“primary”}，
{标题：'branch'，组件：BranchPage，图标：“md home”，颜色：，iconcolor:}，
{标题：'Staff'，组件：DoctorPage，图标：“md medkit”，颜色：，iconcolor:}，
{标题：“患者”，组件：ViewrecordsPage，图标：“md剪贴板”，颜色：，iconcolor:}，
{标题：“费用”，组成部分：AdminExpenseSPage，图标：“md现金”，颜色：，iconcolor:}，
{标题：“约会”，组件：AdmineappointmentsPage，图标：“md列表框”，颜色：，iconcolor:}，
{标题：“事务”，组件：TransactionPage，图标：“md交换”，颜色：，iconcolor:}，
{标题：“医生历史”，组件：AdminDoctorPage，图标：“ios医疗”，颜色：，iconcolor:}，
{标题：“促销短信”，组件：促销短信，图标：“ios医疗”，颜色：，iconcolor:}
];

{{gmaildata.displayName}
{{p.title}}
您可以使用CSS属性和角度条件为主菜单创建子菜单。单击主菜单时，子菜单将显示（使用角度条件）和一些填充（使用css属性）。PFB示例代码

app.html

<ion-menu [content]="mycontent">
  <ion-content>
    <ion-list id="sidenav">
      <ion-item (click)="menuItemHandler()">Main Menu</ion-item>
  <ion-item-group submenu [class.visible]="showSubmenu">
    <ion-item submenu-item>Sub menu item</ion-item>
    <ion-item submenu-item>Sub menu item</ion-item>
    <ion-item submenu-item>Sub menu item</ion-item>
  </ion-item-group>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-nav #mycontent [root]="rootPage"></ion-nav>

app.scss

#sidenav {
  ion-item-group[submenu] {
    overflow: hidden;
    display: block;
    height: 0;
    transition: height .3s linear;
    padding-left: 20%;
    &.visible {
        height: inherit;
        // this is just sample value, calculate how much space you need for your menu items
    }
  }
}

您可以使用CSS属性和角度条件为主菜单创建子菜单。单击主菜单时，子菜单将显示（使用角度条件）和一些填充（使用css属性）。PFB示例代码

app.html

<ion-menu [content]="mycontent">
  <ion-content>
    <ion-list id="sidenav">
      <ion-item (click)="menuItemHandler()">Main Menu</ion-item>
  <ion-item-group submenu [class.visible]="showSubmenu">
    <ion-item submenu-item>Sub menu item</ion-item>
    <ion-item submenu-item>Sub menu item</ion-item>
    <ion-item submenu-item>Sub menu item</ion-item>
  </ion-item-group>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-nav #mycontent [root]="rootPage"></ion-nav>

app.scss

#sidenav {
  ion-item-group[submenu] {
    overflow: hidden;
    display: block;
    height: 0;
    transition: height .3s linear;
    padding-left: 20%;
    &.visible {
        height: inherit;
        // this is just sample value, calculate how much space you need for your menu items
    }
  }
}

实际上，我在侧菜单中有项目，每个项目都必须有子项目。是的，你可以用同样的方法来做，只需更改css属性和角度条件，它就会改变。实际上，我在侧菜单中有项目，每个项目都必须有子项目。是的，你可以用同样的方法来做，只需更改css属性和角度条件，它将