Ionic(ionicframework)一款接近原生的Html5移动App开发框架 创建精彩的应用 从这里开始 -ion-tab
漂亮的界面 追求性能 专注原生 免费开源
ion-tab
隶属于ionTabs
包含一个选项卡内容。该内容仅存在于被选中的给定选项卡中。
每个ionTab都有自己的浏览历史。
用法
<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()来指定切换标签。 |