重定向到离子框架 v3 中的其他页面

Question

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

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

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

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

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

Answer 1

使用 ionic-angular 中的 [NavController][1]。它的 push() 方法将一个新视图推送到导航堆栈。这意味着您可以使用 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: "If the page has an <ion-navbar>, a back button will automatically be added to the pushed view."

重定向到离子框架 v3 中的其他页面

Redirect to other page in ionic framework v3

javascript

ionic-framework

ionic3