选项卡导航离子 2.

Question

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

单击选项卡时，我需要重定向到其他页面我的代码：

在应用程序中.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>

在应用程序中。

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

当我单击主页时，它调用了主页构造函数，但没有重定向到主页。假设我在购物车页面上并单击主页选项卡。 它被称为主页构造函数，但页面保持不变。

请帮助我。我在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>

如果要将控件放在底部，请更改为选项卡栏放置属性。