Делает возможным использование интерфейса с вкладками и панелью вкладок, а также устанавливает "страницы", которые будут отображаться в виде вкладок.

Назначает элементу любой  tabs class , чтобы определить, как он будет выглядеть и ощущаться.

В iOS вкладки появятся в нижней части экрана. В Android вкладки появятся в верхней части экрана под навигационной панелью. Должно быть соответствие дизайну каждой ОС, но можно менять конфигурацию с помощью $ionicConfigProvider.

Более подробную информацию о вкладках см. в документации в разделе ionTab . 

individual tabs.

Примечание: не помещайте ion-tabs внутри элемента ion-content; есть информация, что это может
вызвать ошибку CSS.

Применение

<ion-tabs class="tabs-positive tabs-icon-top">

  <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
    
  </ion-tab>

  <ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">
    
  </ion-tab>

  <ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">
    
  </ion-tab>

</ion-tabs>

API

Атрибут

Тип

Описание

delegate-handle

(необязательный)

(string)

Метка, используемая для идентификации этих вкладок с помощью $ionicTabsDelegate.