如何在 ionic 5 中添加和使用非原生 cordova 插件

Question

我正在尝试在我的 Ionic 5 应用程序中使用此插件：https://www.npmjs.com/package/cordova-plugin-k-nfc-acr122u

我使用 cordova plugin add cordova-plugin-k-nfc-acr122u 安装了插件，我现在不喜欢使用它。插件声明：

enter image description here

我尝试使用连接功能，但它不起作用。 enter image description here

package.json

请帮忙，谢谢。

Answer 1

在 app.module.ts.

中导入后，您可以在组件中从 cordova-plugin-k-nfc-acr122u 导入插件 KNfcAcr122U

然后在构造函数中你可以声明一个私有变量 private kNfcAcr122U : KNfcAcr122U

在你的函数中：

this.kNfcAcr122U.connect()

和

this.kNfcAcr122U.disconnect()

Answer 2

我自己解决了这个问题，也许对某人有用，导入

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

我声明：

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

我使用连接函数：

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

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

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

如何在 ionic 5 中添加和使用非原生 cordova 插件

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

javascript

typescript

ionic-framework

ionic-plugins