angular - 如何在 Ionic 中将一个页面路由到另一个页面

Question

在这里，我正在开发从一页到另一页的IONIC. 所以我开发了下面的代码

<div *ngFor="let list of product">
  <img [src] ='list.imge'/>
  <button ion-button round (click)="Contact()">view</button>
</div>

并且typescript是

export class HomePage {
 product:any[]=[{id:121,name:"iphone",imge:'assets/img/iphone.png'}]
  constructor(public navCtrl: NavController) {
  }
  Contact() {
    this.navCtrl.push('ContactPage');
  }
}

core.js:1449 错误错误：未捕获（承诺）：无效链接：ContactPage at c (polyfills.js:3)

一旦我点击查看按钮，它就不会移动到另一个页面。

编辑 联系页面类型脚本

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-contact',
  templateUrl: 'contact.html'
})
export class ContactPage {

  constructor(public navCtrl: NavController) {

  }

}

标签： angularionic-frameworkionic3

Answer 1

如果它是延迟加载的：

import { NavController } from 'ionic-angular';
// IMPORT ContactPage IF NOT LAZY-LOADED
import { ContactPage} from path;

export class HomePage {
    constructor(private navCtrl:NavController){}

    // IF LAZY-LOADED
    Contact(){
        this.navCtrl.push('ContactPage');
    }

    // IF NOT LAZY-LOADED
    Contact(){
        this.navCtrl.push(ContactPage);
    }
}