ion-tab
Child of ionTabs
Contains a tab’s content. The content only exists while the given tab is selected.
Each ionTab has its own view history.
Usage
<ion-tab
title="Tab!"
icon="my-icon"
href="#/tab/tab-link"
on-select="onTabSelected()"
on-deselect="onTabDeselected()">
</ion-tab>
For a complete, working tab bar example, see the ionTabs documentation.
API
| Attr | Type | Details |
|---|---|---|
| title |
string
|
The title of the tab. |
|
href
(optional)
|
string
|
The link that this tab will navigate to when tapped. |
|
icon
(optional)
|
string
|
The icon of the tab. If given, this will become the default for icon-on and icon-off. |
|
icon-on
(optional)
|
string
|
The icon of the tab while it is selected. |
|
icon-off
(optional)
|
string
|
The icon of the tab while it is not selected. |
|
badge
(optional)
|
expression
|
The badge to put on this tab (usually a number). |
|
badge-style
(optional)
|
expression
|
The style of badge to put on this tab (eg: badge-positive). |
|
on-select
(optional)
|
expression
|
Called when this tab is selected. |
|
on-deselect
(optional)
|
expression
|
Called when this tab is deselected. |
|
ng-click
(optional)
|
expression
|
By default, the tab will be selected on click. If ngClick is set, it will not. You can explicitly switch tabs using $ionicTabsDelegate.select(). |
|
hidden
(optional)
|
expression
|
Whether the tab is to be hidden or not. |
|
disabled
(optional)
|
expression
|
Whether the tab is to be disabled or not. |