如何在 ionic 2 中包含 html 页面？

Question

我想包含 HTML 页面作为 ion-content 的内容。我需要对单个页面有多个视图。

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 文件。 选择项目后，我需要在 ion-view 中显示 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。