javascript - 重定向到 ionic 框架 v3 中的其他页面

Question

我是 ionic 框架的新手。我正在尝试在 ionic 框架版本 3 中单击按钮重定向到其他页面。我没有获得足够的资源。我尝试了 location() 和 go() 函数，但没有用。

这是我在 newpage.html 中的代码:

<button ion-button block (click)="click()">Click me</button>

这是我在 newpage.ts 中的代码:

  click() {
  this.go('/HomePage');
  }

Answer 1

使用 [NavController][1]来自 ionic-angular .它的push() -method 将新 View 推送到导航堆栈。这意味着您可以使用 NavController pop() -返回此页面的方法。

import { NavController } from 'ionic-angular';
// IMPORT HOMEPAGE IF NOT LAZY-LOADED
import { HomePage } from '../home/home';

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

    // IF LAZY-LOADED
    click(){
        this.navCtrl.push('HomePage');
    }

    // IF NOT LAZY-LOADED
    click(){
        this.navCtrl.push(HomePage);
    }
}

根据docs :“如果页面有 <ion-navbar> ，后退按钮将自动添加到推送的 View 中。”