Содержит контент вкладки. Контент существует, пока выбрана данная вкладка.

Каждая ionTab имеет свою историю видов представления.

Применение

<ion-tab
  title="Tab!"
  icon="my-icon"
  href="#/tab/tab-link"
  on-select="onTabSelected()"
  on-deselect="onTabDeselected()">
</ion-tab>

Полностью рабочий пример панели вкладок можно посмотреть в документации, в разделе ionTabs .

API

Атрибут

Тип

Описание

title

(string)

Заголовок вкладки.

href

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

(string)

Ссылка, после тапа, по которой будет осуществлен переход на эту вкладку.

icon

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

(string)

Иконка вкладки. Если иконка есть, она станет дефолтной для icon-on и icon-off.

icon-on

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

(string)

Иконка вкладки, если она выбрана.

icon-off

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

(string)

Иконка (отсутствует).

badge

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

(expression)

Значок (badge), который нужно поместить на эту вкладку (обычно это число).

badge-style

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

expression

Стиль значка, который нужно добавить на эту вкладку (пример: badge-positive).

on-select

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

expression

Вызывается, когда выбрана эта вкладка.

on-deselect

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

expression

Вызывается, когда отменен выбор этой вкладки.

ng-click

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

expression

По умолчанию вкладка выбирается кликом. Если установлен параметр ngClick, выбор вкладки не произойдет. Вы можете явно включить вкладки, используя $ionicTabsDelegate().

hidden

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

expression

к атрибуту hidden.

disabled

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

expression

к атрибуту disabled.