Ionic2 如何使用离子2导航栏API

Ionic2 如何使用离子2导航栏API,ionic2,Ionic2,我正在使用文档 使用此api时,我已将依赖项Navbar注入到我的页面。我可以使用api启用/禁用backbutton。我希望捕获单击此按钮并使用backButtonClick()进行nagivate。你能告诉我怎么用这个方法吗?你可以用。首先,将子组件注入到我们需要进行交互的组件中: import { ViewChild } from '@angular/core'; import { Navbar } from 'ionic-angular'; export class MyNavBar

我正在使用文档

使用此api时,我已将依赖项Navbar注入到我的页面。我可以使用api启用/禁用backbutton。我希望捕获单击此按钮并使用backButtonClick()进行nagivate。你能告诉我怎么用这个方法吗?

你可以用。首先,将子组件注入到我们需要进行交互的组件中:

import { ViewChild } from '@angular/core';
import { Navbar } from 'ionic-angular';

export class MyNavBar {
  @ViewChild(Navbar) navbar: Navbar;
}
然后,您可以调用
backButtonClick
方法:

this.navbar.backButtonClick = (e: UIEvent) => {
  // Print this event to the console
  console.log(e);

  // Navigate to another page
  this.navCtrl.push(AnotherPage);
}