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

Posted 2021-04-17

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

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

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

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

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

答案

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

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>，后退按钮将自动添加到推送视图中。”