Question

我是离子框架的新手。我试图在离子框架版本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() - 方法将新视图推送到导航堆栈。这意味着您可以使用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>，后退按钮将自动添加到推送视图中。”

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

1 个答案: