cordova - Ionic 2 如何使用 Cordova 事件暂停恢复

Question

我很惊讶没有找到关于该主题的任何线程。

在 Ionic 2 中，页面的生命周期在 NavController 中: ionView[didLoad|didLeave|...]

还有 Cordova events应该这样称呼: document.addEventListener("pause", onPause, false);

我处于想要获取 Cordova 事件的情况。页面的 ionic 生命周期不合适，因为我想做的事情需要在设备进入 onResume 状态时发生，无论哪个页面显示在哪个页面上。

我还没有尝试过，因为我之前希望在这里找到一个好的线索继续前进，但我感觉 document 不会'无法从 Angular2、Ionic2 访问，我可能必须添加一个服务来访问 window，就像解释的那样 here .

或者在 Ionic 2 中是否还有其他已知的方法来访问 document.addEventListener(...)？

Answer 1

它在 Ionic 2 中的工作方式详尽 here

基本上，您需要在页面中注入(inject) Platform 实例并订阅 pause 事件发射器:

import { Component } from '@angular/core';
import { Subscription } from 'rxjs';
import { Platform } from 'ionic-angular';

@Component({...})
export class AppPage {
  private onResumeSubscription: Subscription;

  constructor(platform: Platform) {
    this.onResumeSubscription = platform.resume.subscribe(() => {
       // do something meaningful when the app is put in the foreground
    }); 
  } 

  ngOnDestroy() {
    // always unsubscribe your subscriptions to prevent leaks
    this.onResumeSubscription.unsubscribe();
  }
}