如何使用Ionic 2 Navbar API

Question

我正在使用文档 http://ionicframework.com/docs/v2/api/components/navbar/Navbar/

在使用这个api时，我已将依赖Navbar注入到我的页面。我可以使用API​​启用/禁用后退按钮。我希望捕获单击此按钮并使用backButtonClick（）进行nagivate。你能告诉我如何使用这种方法吗？

Answer 1

您可以使用Angular's @ViewChild。首先，将子组件注入我们进行交互所需的组件：

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);
}