如何使用 Ionic 2 导航栏 API

Question

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

在使用此 api 时，我已将依赖项导航栏注入我的页面。我可以使用 API 启用/禁用后退按钮。我希望捕获单击此按钮并使用 backButtonClick() 进行导航。你能告诉我如何使用这个方法吗？

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