Ionic2 离子2/3-标签定位

Ionic2 离子2/3-标签定位,ionic2,ionic3,ionic-tabs,Ionic2,Ionic3,Ionic Tabs,我正在用Ionic 2开发一个Ionic应用程序。 我在几页中实现了选项卡。但在一个页面上,标签需要放在底部,而在另一个页面上,标签需要放在顶部。这两个页面中的选项卡不同 例如,在A页上,标签需要放在底部,在B页上,标签需要放在顶部 在app.module.ts中,我给出了以下代码 IonicModule.forRoot(MyApp, { tabsPlacement: 'top', platforms: { android: { tabsPlacement: 'top

我正在用Ionic 2开发一个Ionic应用程序。 我在几页中实现了选项卡。但在一个页面上,标签需要放在底部,而在另一个页面上,标签需要放在顶部。这两个页面中的选项卡不同

例如,在A页上,标签需要放在底部,在B页上,标签需要放在顶部

在app.module.ts中,我给出了以下代码

IonicModule.forRoot(MyApp, {
  tabsPlacement: 'top',
  platforms: {
    android: {
      tabsPlacement: 'top'
    },
    ios: {
      tabsPlacement: 'top'
    },
    windows:
    {
      tabsPlacement: 'top'
    }
  }
}), 
上面的代码将两个页面上的选项卡放在顶部

我的问题是,有没有办法指定特定于页面的选项卡位置


谢谢

如果在两个不同的页面上使用两个不同的选项卡,只需使用组件上的tabsPlacement属性即可将选项卡定位在页面的顶部或底部。从配置中删除选项卡位置,并在各个html选项卡上添加tabsPlacement属性

<ion-tabs tabsPlacement="top"> // specify bottom to position at the bottom
  ...
<ion-tabs> 
//指定底部到底部的位置
...

如果在两个不同的页面上使用两个不同的选项卡,只需使用组件上的tabsPlacement属性即可将选项卡定位在页面的顶部或底部。从配置中删除选项卡位置,并在各个html选项卡上添加tabsPlacement属性

<ion-tabs tabsPlacement="top"> // specify bottom to position at the bottom
  ...
<ion-tabs> 
//指定底部到底部的位置
...

您是否有两个选项卡组件,还是希望通过单个选项卡页面实现这一点我有两个不同的选项卡@Mahesh Jadhavok因此,对于这两个页面,您需要不同的位置,对吗?您有两个选项卡组件还是希望通过单个选项卡页面实现这一点?我有两个不同的选项卡@Mahesh Jadhavok所以对于这两个你需要不同的位置,对吗