Child of ionSideMenus
Является обычным элементом для планшетного приложения, служит для того, чтобы скрывать меню при переходе в портретный режим отображения, но отображает то же самое меню с левой стороны, когда планшет повернут в ландшафтный режим отображения. Атрибут директивы exposeAsideWhen
, который может быть использован для выполнения точно такого же интерфейса.
По умолчанию боковые меню скрыты под своим контентом боковых меню и могут быть открыты свайпом контента влево или вправо, или включением кнопки, отвечающей за функцию отображения бокового меню. Однако при добавлении
атрибута директивы exposeAsideWhen
элементу директивы ionSideMenu
, боковое меню может получать инструкции о том, "когда" меню должно раскрываться (быть всегда доступным для просмотра). Например, атрибут expose-aside-when="large"
будет удерживать боковое меню в скрытом состоянии, когда ширина области просмотра будет менее 768px
, но когда ширина области просмотра будет 768px
и более, то меню будет отображаться всегда, и его нельзя будет открыть или закрыть, как это можно делать, если размер области просмотра будет меньше.
Использование large
в качестве значения атрибута является значением для ярлыка для (min-width:768px)
, так как это самый распространенный use-case (сценарий использования). Однако для большей гибкости в качестве значения может быть добавлен любой действительный медиа-запрос, например, (min-width:600px)
; или даже несколько запросов, таких как (min-width:750px) и (max-width:1200px)
.
Usage
<ion-side-menus>
<ion-side-menu-content>
</ion-side-menu-content>
<ion-side-menu expose-aside-when="large">
</ion-side-menu>
</ion-side-menus>
Пример полного бокового меню см. в документации ionSideMenus
.