如何使用 Ionic 2 导航栏 API

Question

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

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

Answer 1

你可以

使用Angular的@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);
}