How to add and use non native cordova plugin in ionic 5

Question

I am trying to use this plugin in my Ionic 5 app: https://www.npmjs.com/package/cordova-plugin-k-nfc-acr122u

I installed plugin using cordova plugin add cordova-plugin-k-nfc-acr122u and i i dont now like use it. Plugin declares :

enter image description here

and i try use connect function but it don't work. enter image description here

package.json

Please help, thx.

Answer 1

I solved the problem myself, maybe it will be useful to someone, Import

 import { KNfcAcr122U } from 'plugins/cordova-plugin-k-nfc-acr122u/types';

I declare:

 const kNfcAcr122U: KNfcAcr122U = window['KNfcAcr122U'];

and I use the connect function:

kNfcAcr122U.connect(this.callbackSuccess, this.callbackError);

callbackSuccess(event): void {
  console.log(event,'success');  
}

callbackError(): void {
  console.log('error');
}

Answer 2

You can import the plugin KNfcAcr122U from cordova-plugin-k-nfc-acr122u in your component after importing in app.module.ts.

Then in constructor you can declare a private variable private kNfcAcr122U : KNfcAcr122U

and in you function:

this.kNfcAcr122U.connect()

and

this.kNfcAcr122U.disconnect()