Question

ionic2 怎么动态获取ion-tab的索引值

Answer 1

1、设置标签栏的位置
在Ionic2中Tabs的使用很多，但默认情况下IOS、Android、wp上显示位置都不同（如下图），影响了产品的一致性，找到好多资料，都没搞定，今天查看官方的资料时，发现其实很简单。

需要的效果：

1
2
3
4
5

<ion-tabs tabbarPlacement="bottom">
<ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion-tab>
</ion-tabs>

　　
tabbarPlacement参数是两个值：top和bottom，修改这两个值，就可以放上放下的更改了。