は、私のタブは、それがウェブページに表示され

Question

が、私はアンドロイドのタブを表示しようとしています示したが、

を示していないいけない私のコードがある

問題である

- >

に

HTML部分：

<ion-tabs> 
<ion-tab tabIcon="water" tabTitle="Water" [root]="Tabroot1"></ion-tab> 
<ion-tab tabIcon="leaf" tabTitle="Life" [root]="Tabroot2"></ion-tab> 
<ion-tab tabIcon="flame" tabTitle="Fire" [root]="Tabroot3"></ion-tab> 
<ion-tab tabIcon="magnet" tabTitle="Force" [root]="Tabroot4"></ion-tab> 
</ion-tabs> 

typscript一部

import {Component} from '@angular/core'; 

import {NavController} from 'ionic-angular'; 

import {IsimPage} from '../game/isim/isim'; 
import {SehirPage} from '../game/sehir/sehir'; 
import {HayvanPage} from '../game/hayvan/hayvan'; 
import {BitkiPage} from '../game/bitki/bitki'; 
@Component({ 
    selector:'page-yeniOyun', 
    templateUrl:'yeniOyun.html' 
}) 
export class YeniOyunPage{ 
Tabroot1: any 
Tabroot2: any 
Tabroot3: any 
Tabroot4: any 
constructor(public naVCtrl: NavController){ 
    this.Tabroot1 = IsimPage; 
    this.Tabroot2 = SehirPage; 
    this.Tabroot3 = HayvanPage; 
    this.Tabroot4 = BitkiPage; 
} 
} 

Answer 1

'ダグ' をいただき、ありがとうございます.Iはdifferenな方法で問題を解決し、私のイオンHTML構造についてです解決。 、真の間違った Typescipt部分とhtmlの部分は私のタブページが

HTMLの一部です：

<ion-tabs> 
<ion-tab tabIcon="water" tabTitle="Water" [root]="Tabroot1"></ion-tab> 
<ion-tab tabIcon="leaf" tabTitle="Life" [root]="Tabroot2"></ion-tab> 
<ion-tab tabIcon="flame" tabTitle="Fire" [root]="Tabroot3"></ion-tab> 
<ion-tab tabIcon="magnet" tabTitle="Force" [root]="Tabroot4"></ion-tab> 

typescriptです一部

import {Component} from '@angular/core'; 

import {NavController} from 'ionic-angular'; 

import {IsimPage} from '../game/isim/isim'; 
import {SehirPage} from '../game/sehir/sehir'; 
import {HayvanPage} from '../game/hayvan/hayvan'; 
import {BitkiPage} from '../game/bitki/bitki'; 
@Component({ 
selector:'page-yeniOyun', 
templateUrl:'yeniOyun.html' 
}) 
export class YeniOyunPage{ 
Tabroot1: any 
Tabroot2: any 
Tabroot3: any 
Tabroot4: any 
constructor(public naVCtrl: NavController){ 
    this.Tabroot1 = IsimPage; 
    this.Tabroot2 = SehirPage; 
    this.Tabroot3 = HayvanPage; 
    this.Tabroot4 = BitkiPage; 
} 
} 

IsimPage：

<ion-header> 
    <ion-navbar> 
<ion-title> 
    IsimPage 
</ion-title> 
</ion-navbar> 
</ion-header> 
    <ion-content padding> 
    //Mytab interface here 
    </ion-content> 

SehirPage：

<ion-header> 
    <ion-navbar> 
<ion-title> 
    SehirPage 
</ion-title> 
</ion-navbar> 
</ion-header> 
    <ion-content padding> 
    //Mytab interface here 
    </ion-content> 

HayvanPage：

<ion-header> 
    <ion-navbar> 
<ion-title> 
    HayvanPage 
</ion-title> 
</ion-navbar> 
</ion-header> 
    <ion-content padding> 
    //Mytab interface here 
    </ion-content> 

BitkiPage：

<ion-header> 
    <ion-navbar> 
<ion-title> 
    BitkiPge 
</ion-title> 
</ion-navbar> 
</ion-header> 
    <ion-content padding> 
    //Mytab interface here 
    </ion-content>