如何在離子2中包含html頁面？

-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內容。

來源

2017-08-16 Velmurugan

你能分享一些你的頁面的代碼嗎？ – Sampath

你是否開始了一個離子項目？如果你已經開始，生成的HTML頁面應該在src文件夾中 – keithd102

我已經添加了我的.ts和html文件@Sampath – Velmurugan

既然你有所有的頁面，那麼你只需要這樣做：你可以使用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。

來源

2017-08-17 10:00:41 Sampath

謝謝@Sampath。在這裏，Android，Java是主頁項目。一旦選擇了該項目（Android或Java）。需要詳細說明this.navCtrl.push（DetailsPage）;在詳細信息頁面中，我需要顯示來自.html文件（Android.html或Java.html）的內容作爲details.html – Velmurugan

的一部分，是否可以顯示您的一個'Android.html'文件的代碼？ – Sampath

如何在離子2中包含html頁面？

回答

相關問題