ion-side-menus 
Delegate: $ionicSideMenuDelegate

Элемент контейнера для бокового меню (боковых меню) и основного контента. Разрешает включение левого и/или правого бокового меню
с помощью перетаскивания зоны основного контента из стороны в сторону.

Чтобы автоматически закрыть открытое меню, вы можете добавить директиве атрибут menuClose .
Атрибут 
menu-close обычно добавляется к ссылкам и кнопкам в пределах ion-side-menu-content, так чтобы когда по элементу производится клик, открытое боковое меню закрылось бы автоматически.

Можно добавить в хедер переключатели в стиле “Burger Icon”, прописав директиве атрибут menuToggle.

Клик по такому переключателю будет открывать и закрывать боковое меню, как директива menu-close.
Боковое меню будет автоматически скрывать дочерние страницы, но такое поведение можно обойти с помощью
атрибута enable-menu-with-back-views, о котором упоминается ниже.

По умолчанию боковые меню скрыты под своим контентом боковых меню и могут быть открыты свайпом контента влево или вправо, или включением кнопки, отвечающей за функцию отображения бокового меню. К тому же, при добавлении
атрибута директивы exposeAsideWhen  элементу директивы ionSideMenu , боковое меню может получать инструкции о том,
"когда" меню должно раскрываться (быть всегда доступным для просмотра).

Side Menu

Для получения более подробной информации о боковых меню, см.:

Применение

Чтобы использовать боковые меню, добавьте родительский элемент <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.