ion-side-menus
Delegate: $ionicSideMenuDelegate
Элемент контейнера для бокового меню (боковых меню) и основного контента. Разрешает включение левого и/или правого бокового меню
с помощью перетаскивания зоны основного контента из стороны в сторону.
Чтобы автоматически закрыть открытое меню, вы можете добавить директиве атрибут menuClose
.
Атрибут menu-close
обычно добавляется к ссылкам и кнопкам в пределах ion-side-menu-content
, так чтобы когда по элементу производится клик, открытое боковое меню закрылось бы автоматически.
Можно добавить в хедер переключатели в стиле “Burger Icon”, прописав директиве атрибут menuToggle
.
Клик по такому переключателю будет открывать и закрывать боковое меню, как директива menu-close
.
Боковое меню будет автоматически скрывать дочерние страницы, но такое поведение можно обойти с помощью
атрибута enable-menu-with-back-views, о котором упоминается ниже.
По умолчанию боковые меню скрыты под своим контентом боковых меню и могут быть открыты свайпом контента влево или вправо, или включением кнопки, отвечающей за функцию отображения бокового меню. К тому же, при добавлении
атрибута директивы exposeAsideWhen
элементу директивы ionSideMenu
, боковое меню может получать инструкции о том,
"когда" меню должно раскрываться (быть всегда доступным для просмотра).
Для получения более подробной информации о боковых меню, см.:
Применение
Чтобы использовать боковые меню, добавьте родительский элемент <ion-side-menus>. Это охватит все страницы, у которых
есть боковое меню и которые имеют, по крайней мере, 2 дочерних элемента: 1 <ion-side-menu-content> для контента по центру и
еще одну или более директив <ion-side-menu> для каждого бокового меню (левого/правого), которые вы хотите разместить.
<ion-side-menus>
<ion-side-menu side="left">
</ion-side-menu>
<ion-side-menu-content>
</ion-side-menu-content>
<ion-side-menu side="right">
</ion-side-menu>
</ion-side-menus>
function ContentController($scope, $ionicSideMenuDelegate) {
$scope.toggleLeft = function() {
$ionicSideMenuDelegate.toggleLeft();
};
}
API
Атрибут |
Тип |
Описание |
enable-menu-with-back-views (необязательный) |
bool |
Определяет, активировать боковое меню, когда отображается кнопка возврата. Когда установлено на false, любой элемент menuToggle будет скрыт, и пользователь не сможет открыть меню свайпом. При возвращении на корневую страницу бокового меню (страница, на которой не видно кнопки возврата), любые кнопки menuToggle будут отображаться снова, и снова будут активны меню. |
delegate-handle (необязательный) |
строка (string) |
Метка, используемая для идентификации этого бокового меню с помощью $ionicSideMenuDelegate. |