Cordova-plugin-firebase: Using cordova-plugin-firebase with Angular. How?

[FavoriteFave]

I'm trying to use this plugin to receive a token to send push notfications with FCM.

Got an Angular project that i convert to an android app with cordova.
Now i somehow have to access the FirebasePlugin in my Angular project. But i have no clue how to do this and there is 0 documentation on how to do this.

Could anyone help me with this?

[monn1]

This took me sometime to find out, but here is how.

1. Install plugin normally to your cordova project.

2. Import cordova.js manually in your index.html (cordova.js file will be there, you don't have to copy it or anything)
   <script type="text/javascript" src="cordova.js"></script>

3. Declare FirebasePlugin like this in your component
   declare var FirebasePlugin;

4. Then you will be ready to use it. For example:

FirebasePlugin.onNotificationOpen((notification) => {
  console.log(notification);
});

You have to use the plugin after 'deviceready' event or it might not work. That will be achieved like this:

this.renderer.listenGlobal('document', 'deviceready', () => {
  FirebasePlugin.onNotificationOpen((notification) => {
    console.log(notification);
  });
});

Hope these steps will guide you to the correct path.

[FavoriteFave]

@monn1 Thank you soooooo much. I will give this a try later today!

[FavoriteFave]

@monn1 this works perfectly fine.
Thank you so much, that was very helpful!

[chrlsbyrndlcrz]

@monn1 where can i put the this.renderer.listenGlobal('document', 'deviceready', () => { FirebasePlugin.onNotificationOpen((notification) => { console.log(notification); }); }); in my angular component?

is this correct sir?
`import { Component, Renderer } from '@angular/core';

declare var FirebasePlugin;

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor(renderer: Renderer) {
renderer.listenGlobal('document','deviceready', () => {
FirebasePlugin.onNotification((notification) => {
console.log(notification);
});
});
}
}`

thanks for response :)

[chrlsbyrndlcrz]

@FavoriteFave how do you access in FirebasePlugin in your angular, thanks

[soumak77]

closing as resolved

[hanibhat]

@monn1 's solution worked but I still had to add define the type:
declare var FirebasePlugin: any;
Now it runs perfectly!

[shinesamuel1990]

renderer.listenGlobal('document','deviceready', () => {
console.log("Hello ");
but its not working ,I am using angular 8 and "cordova-plugin-firebase-lib": "^5.1.1",

[chungyentsai]

renderer.listenGlobal('document','deviceready', () => {
console.log("Hello ");
but its not working ,I am using angular 8 and "cordova-plugin-firebase-lib": "^5.1.1",

hello, you find a solution?