expose-aside-when
属于ionSideMenus

平板电脑应用程序在纵向模式下隐藏菜单,但处于横向模式时在左侧显示相同的菜单是很常见的。 exposeAsideWhen指令可以用来完成类似的接口。

默认情况下,侧边菜单隐藏在其侧边菜单内容下,可以通过向左或向右滑动内容或切换按钮以显示侧边菜单。 但是,通过向ionSideMenu元素指令添加exposeAsideWhen属性指令,可以让菜单应该什么时候显示或者始终显示。 例如,当页面的宽度小于768px时,exposure-aside-when="large"属性将保持侧边菜单隐藏,但是当页面宽度为768px或更大时,菜单将始终显示,不能再被打开或关闭。

使用large作为属性的值是(min-width:768px)的快捷方式值,因为它是最常见的用例。 但是,为了增加灵活性,可以添加任何有效的媒体查询作为值,例如(min-width:600px)或甚至多个查询(min-width:750px)(max-width:1200px)

实例该文档来自ionic中文网ionic-china

<ion-side-menus>
  <!-- Center content -->
  <ion-side-menu-content>
  </ion-side-menu-content>

  <!-- Left menu -->
  <ion-side-menu expose-aside-when="large">
  </ion-side-menu>
</ion-side-menus>

有关完整的侧面菜单示例,请参阅(ionic-china中文网文档)ionSideMenus文档。