ionic2 - 离子 2/3- 标签定位

Question

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

例如，在页面 A 上，标签需要放在底部，而在页面 B 上，它需要放在顶部

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

IonicModule.forRoot(MyApp, {
  tabsPlacement: 'top',
  platforms: {
    android: {
      tabsPlacement: 'top'
    },
    ios: {
      tabsPlacement: 'top'
    },
    windows:
    {
      tabsPlacement: 'top'
    }
  }
}), 

上面的代码将两个页面上的选项卡放在顶部。

我的问题是，有没有办法可以指定特定于页面的标签位置？

谢谢！

Answer 1

如果在两个不同的页面上使用两个不同的选项卡，您可以简单地使用组件上的 tabsPlacement 属性将选项卡定位在页面的顶部或底部。从您的配置中删除选项卡放置并在单个选项卡 html 上添加 tabsPlacement 属性

<ion-tabs tabsPlacement="top"> // specify bottom to position at the bottom
  ...
<ion-tabs>