ion-tab
作者:本站编辑 发布时间:2015-11-24 来源:本站原创
点击数:
用法
<ion-tab title="Tab!" icon="my-icon" href="#/tab/tab-link" on-select="onTabSelected()" on-deselect="onTabDeselected()"> </ion-tab>
要查看标签栏完整运行的例子，参见ionTabs文档。
API
| 属性 | 类型 | 详情 |
|---|
| 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()来指定切换标签。 |