Question

我已经搜索了许多解决方案，但没有运气。

单击选项卡时，我需要在不同页面上重定向我的代码：

app.html中的

<ion-footer>
  <ion-toolbar>
    <ion-tabs>
      <ion-tab tabIcon="md-home" [root]="rootPage" tabTitle="Home"></ion-tab>
      <ion-tab tabIcon="md-person" [root]="profilePage" tabTitle="Profile"></ion-tab>
      <ion-tab tabIcon="md-notifications" [root]="updatePage" tabTitle="Updates"></ion-tab>
    </ion-tabs>
  </ion-toolbar>
</ion-footer>

app.component.ts中的

rootPage: any = HomePage;
profilePage: any = ProfilePage;
updatePage: any = UpdatePage;

当我点击Home它的调用主页构造函数时，但没有重定向到主页。假设我在购物车页面上并点击主页标签。它是调用主页构造函数，但页面保持不变。

请帮帮我。我在IONIC2

Answer 1

您可以尝试将这些页面添加到app.modules.ts

entryComponents: [
   MyApp,
   HomePage,
   rootPage,profilePage,updatePage
],

并尝试将离子标签移动为根元素或离子内容

<ion-content padding>
<ion-tabs tabbarPlacement="top">
  <ion-tab tabIcon="md-home" [root]="rootPage" tabTitle="Home"></ion-tab>
  <ion-tab tabIcon="md-person" [root]="profilePage" tabTitle="Profile"></ion-tab>
  <ion-tab tabIcon="md-notifications" [root]="updatePage" tabTitle="Updates"></ion-tab>
</ion-tabs> 
</ion-content>

如果您希望将控件放在底部，请

更改为tabbarPlacement属性。

标签导航离子2

1 个答案: