Ionic 2 - How do I use a cordova plugin that is not available in ionic native

Question

With the following command I installed a cordova plugin on my ionic2 project:

cordova plugin add cordova-plugin-rfduino

This plugin is not available in the Ionic Native. How can I use the plugin in an ionic page? Can I export it somehow?

score 0 · Answer 1 · answered Mar 08 '17 at 23:32

0

When you install the plugin you can use it from the global window object, but the typescript will not understand what is rfduino object and its type, so you have to declare it to the declarations file which is located in src/declarations.d.ts, so you will be able to use it by just adding this line of code in that file

declare var rfduino: any;

answered Mar 08 '17 at 23:32

Jamil

889
8
10

unfortunately, this is not enough. I fixed it - look at my answer. – hopper Mar 17 '17 at 12:11

score 0 · Accepted Answer · answered Mar 17 '17 at 12:09

I fixed it the following way:

0 - Install your plugin

1- npm install typings --global

2 - On typings/index.d.ts put the following code:

    interface Window {
       plugins: any;
    }

3 - Then use the window the following way inside the page or component:

  constructor(platform: Platform) {
platform.ready().then(() => {


 var blabla = window['cordova_plugin_that_was_installed'].function();

   });
 }}

Ionic 2 - How do I use a cordova plugin that is not available in ionic native

2 Answers2