Question

我想将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内容。

Answer 1

由于您拥有所有页面，因此您只需执行此操作：您可以使用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。

如何在离子2中包含html页面？

1 个答案: