Ionic Js选项卡

本文介绍 Ionic 框架中的 ionictab 组件,一种用于页面间导航的水平排列按钮或链接。文章详细解释了其语法使用方法,并介绍了通过 $ionicTabsDelegate 控制 ionTabs 实例的方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ionic tab(选项卡) 是水平排列的按钮或者链接,用以页面间导航的切换。它可以包含文字和图标的组合,是一种移动设备上流行的导航方法。

1.1.1 语法

<ion-tabs>

<ion-tab title="...">...</ion-tab>

<ion-tab title="...">...</ion-tab>

        ...

</ion-tabs>

注意:

• 不要把ion-tabs指令放在ion-content之内

• ion-tab的内容应当放入ion-view指令内,否则ionic在计算布局时可能出错

006zipb5zy79PxfnebJ67&690

1.1.2 脚本接口:$ionicTabsDelegate

授权控制ionTabs指令。该方法直接调用$ionicTabsDelegate服务,控制所有ionTabs指令。用$getByHandle方法控制具体的ionTabs实例。

方法

select(index, [shouldChangeHistory])

· select(index) - 选中指定的选项页

index参数从0开始,第一个选项页的index为0,第二个为1,依次类推。

· selectedIndex() - 返回当前选中选项页的索引号

如果当前没有选中的选项页,则返回 -1。

 

 

转载于:https://my.oschina.net/u/2971691/blog/868327

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值