在Ionic2应用程序中打开新选项卡

我正在尝试向应用程序添加一个新选项卡，就像信息页面一样。添加了额外的页面，我创建了一个新选项卡，但它根本不起作用。甚至没有显示基本的细节。我已经在app.module.ts和tabs文件夹中添加了新页面

制表符

import { Component } from '@angular/core';
import { HomePage } from '../home/home';
import { AboutPage } from '../about/about';
import { ContactPage } from '../contact/contact';
import { InfoPage } from '../info/info';

@Component({
templateUrl: 'tabs.html'
})
export class TabsPage {
tab1Root: any = HomePage;
tab2Root: any = AboutPage;
tab3Root: any = ContactPage;
tab4root: any = InfoPage;
constructor() {
}
}

tabs.html

<ion-tabs>
<ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Geo" tabIcon="md-globe"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion-tab>
<ion-tab [root]="tab4Root" tabTitle="info" tabIcon="football"></ion-tab>
</ion-tabs>

---

你能发布你的

标签.html

？也许你没有添加

[root]=“tab4Root”

@AndreaRega没有，我也添加了。你能发布你的

tabs.html

？可能您没有添加

[root]=“tab4Root”

@AndreaRega-nope.，我也添加了这个。。

 @NgModule({
 declarations: [
 MyApp,
 AboutPage,
 ContactPage,
 HomePage,
 ScanPage,
 TabsPage,
 InfoPage
 ],
 imports: [
 IonicModule.forRoot(MyApp)
 ],
 bootstrap: [IonicApp],
 entryComponents: [
 MyApp,
 AboutPage,
 ContactPage,
 HomePage,
 ScanPage,
 TabsPage,
 InfoPage
 ],