ion-tab

隶属于[ionTabs](/js_doc-index-name-ionTabs/)</small>

包含一个选项卡内容。该内容仅存在于被选中的给定选项卡中。

每个ionTab都有自己的浏览历史。

用法

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

要查看标签栏完整运行的例子，参见ionTabs文档。

属性	类型	详情
title	`字符串`	选项卡的标题。
href(可选)	`字符串`	但触碰的时候，该选项卡将会跳转的的链接。
icon(可选)	`字符串`	选项卡的图标。如果给定值，它将成为ion-on和ion-off的默认值。
icon-on(可选)	`字符串`	被选中标签的图标。
icon-off(可选)	`字符串`	没被选中标签的图标。
badge(可选)	`表达式`	选项卡上的徽章（通常是一个数字）。
badge-style(可选)	`表达式`	选项卡上微章的样式（例，tabs-positive ）。
on-select(可选)	`表达式`	选项卡被选中时触发。
on-deselect(可选)	`表达式`	选项卡取消选中时触发。
ng-click(可选)	`表达式`	通常，点击时选项卡会被选中。如果设置了 ng-Click，它将不会被选中。你可以用$ionicTabsDelegate.select()来指定切换标签。