Open detail page on OneSignal Push Notification pushed


I’m trying to open a detail page based on the payload extra data within a received OneSignal Push notification.

This is my code that is in my constructor of app.component.ts after app is ready()

export class myapp{
  @ViewChild(Nav) nav: Nav;
this.notificationOpenedCallback = function(jsonData) {
        let seccion= JSON.parse(JSON.stringify(jsonData)).notification.payload.additionalData.seccion;
        let _id= JSON.parse(JSON.stringify(jsonData)).notification.payload.additionalData._id;

        switch (seccion){
          case "documentacion":
            this.nav.setRoot(DocumentationListPage,{_id: _id});
          case "permanencia":
            this.nav.setRoot(PermanenciasListPage,{_id: _id});
          case "seguro":
            this.nav.setRoot(InsuranceListPage,{_id: _id});
          case "ticket":
            this.nav.setRoot(TicketsListPage,{_id: _id});

When I click on my notification this error is launched:

console.log: Error in Success callbackId: OneSignalPush1032775348 : TypeError: Cannot read property 'nav' of

What would be doing wrong?


1 Like


this.notificationOpenedCallback = function(jsonData) {


this.notificationOpenedCallback = jsonData => {

Any reason you’re doing this?


Is it because it says the property doesn’t exist? If so, do this

this.notificationOpenedCallback = (jsonData: any) => {


this.notificationOpenedCallback = (jsonData: {[s: string]: any}) => {

Why are you defining the method in this fashion though? Inside the constructor? :slight_smile: If it’s because of the variables you’re defining, you could just parse them as parameters and do

notificationOpenedCallback(seccion, _id) {
    switch (seccion){

And call that wherever you’re currently defining the function

this.notificationOpenedCallback(jsonData.notification.payload.additionalData.seccion, jsonData.notification.payload.additionalData._id);
1 Like

Sorry, I’m some new on typescript / javascript and some times I do strange things :slight_smile:

Even so I defined in this fashion way because on the documentation of onesignal describes de process like this

I’m gonna try your solution and I’ll tell you


this.notificationOpenedCallback = (jsonData: any) => {

It works, what is the difference? :blush:

Did it fix the error? :slight_smile: It’s just expecting a different type, other than an object or an any, when nothing is defined. Bit odd really, if it doesn’t know what type something is, it should really assume any by default.

Execution context binding.