如何在离子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页面？

回答

相关问题