firebase - 当应用程序处于后台/关闭时点击通知时，Ionic 3 FCM 打开特定页面

Question

当我的应用程序处于后台/关闭时，我可以获取推送通知，并且当我点击并打开它时，我可以获取通知负载中的数据

"notification": {
    "title": "Chat Messages",
    "body": `You have received chat messages from ${userName}`,
    "sound": "default",
    "click_action":"FCM_PLUGIN_ACTIVITY",
    "icon":"fcm_push_icon"
},
"data": {
    "user_id" : from_user_id,
    "user_name" : userName,
    "type" : notification_type
}

但是有一个问题，当我在后台/关闭时点击通知后，我无法使其打开特定页面。

这是我在 app.components.ts 中的代码:

import { Component, ViewChild } from '@angular/core';
import { Platform, NavController } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { FCM } from '@ionic-native/fcm';

import { LoginPage } from '../pages/login/login';
import { TestpagePage } from '../pages/testpage/testpage';

@Component({
   templateUrl: 'app.html'
})
export class MyApp {
@ViewChild('myNav') navCtrl: NavController
rootPage:any = LoginPage;

constructor(fcm: FCM, platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
   platform.ready().then(() => {
  // Okay, so the platform is ready and our plugins are available.
  // Here you can do any higher level native things you might need.
  statusBar.styleDefault();
  splashScreen.hide();

  fcm.onNotification().subscribe(function(data) {
    if(data.wasTapped) {
      alert('HI');
      if(data.type == 'messages') {
        alert('HEY');
        this.navCtrl.setRoot(TestpagePage);
      }

    } else {
      alert('Untapped<br>' +
            'User ID: ' + data.user_id + 
            '<br>User Name: ' + data.user_name +
            '<br>Type: ' + data.type);
     }
   });
  });
 }
}

它将在 if(data.wasTapped) { 内执行“HI”和“HEY”警报，但看起来像 this.navCtrl.setRoot('TestpagePage'); 没有被解雇。我不知道为什么请帮助我!

Answer 1

那么问题已经解决了。

就像 @SurajRao 建议的那样，我没有使用 fcm.onNotification().subscribe(function(data) { 我遵循了他的建议，并将我的代码更新为 fcm.onNotification().subscribe ((data) => { 并且它有效。