2017-08-16 5 views
-4

イオンコンテンツのコンテンツとしてHTMLページを含める必要があります。私は単一のページの複数のビューを持つ必要があります。イオン2にhtmlページを含めるには?

home.ts:

goto(item){ 
    console.log(item); 
    } 

home.html:ここ

<ion-list> 
    <ion-item (click)="goto('android')">Android</ion-item> 
    <ion-item (click)="goto('java')">Java</ion-item> 
    <ion-item (click)="goto('ionic')">Ionic</ion-item> 
</ion-list> 

、私はandroid.html、ionic.htmlなどの各項目ごとに異なる.htmlファイルを持っています。 アイテムを選択したら、イオン表示内にHTMLコンテンツを表示する必要があります。

+0

あなたのページのコードのいくつかを共有できますか? – Sampath

+0

イオンプロジェクトを始めましたか?開始した場合、生成されたHTMLページはsrcフォルダにあるはずです – keithd102

+0

私の.tsとhtmlファイルを追加しました@Sampath – Velmurugan

答えて

0

すべてのページがあるので、これを行うだけです。navCtrl.push()を以下のように使用できます。

home.ts

goto(item:string){ 

    switch(item) { 
    case "android": 
     this.navCtrl.push(AndroidPage); 
     break; 
    case "java": 
     this.navCtrl.push(JavaPage); 
     break; 
    case "ionic": 
     this.navCtrl.push(IonicPage); 
     break; 
    default: 
    } 
} 

あなたはbasics of Ionic hereを学ぶことができます。

+0

ありがとう、@Sampath。ここでAndroid、Javaはホームページ項目です。アイテムを選択すると(AndroidまたはJava)詳細ページに移動する必要があります this.navCtrl.push(DetailsPage);詳細ページ内で、details.html – Velmurugan

+0

の一部として、自分の.htmlファイル(Android.htmlまたはJava.html)からコンテンツを表示する必要があります。あなたの 'Android.html'ファイルのコードの1つを表示できますか? – Sampath

関連する問題