/yizhi_007/article/details/99550313
继上篇博文拓展。
现在开发 环境:
ionic 4 + cordova 9 + angular8 + ant design for angular;
正文
基于 angular 使用第三方库 的原理
/guide/using-libraries
下面两种方法均可使用。
方法一: angular 集成 jQuery ,使用jquery 以js 方式调用 cordova 插件。
方法二:angular 把某个库添加到运行时的全局范围中 (Adding a library to the runtime global scope)取自 具体参考文中两个链接/guide/using-libraries。
其中监听 类 像battery status 插件 使用rxjs的formEvent 实现;
其他,注意 不同插件 ,使用本方式 略有区别 比如device 需要小写才能使用。
参考:/Ariel_11/article/details/90402640
如果使用了 ionic 调用插件会相对容易些,部分可能有点小问题。
部分代码如下:
declare var QRScanner: any ;declare var device: any;
getBattery() {try {fromEvent(window, 'batterystatus').subscribe(status => {alert(JSON.stringify(status)+ 'getBatteryStatus info');});} catch (e) {alert(JSON.stringify(e)+ 'getBatteryStatus error');}}getDevice() {try {alert(JSON.stringify(device.uuid)+ 'getDevice info');} catch (e) {alert(JSON.stringify(device)+ 'getDevice error');alert(JSON.stringify(e)+ 'getDevice error');}}
QRScanner 没有测试成功 可能时调用的方式有问题,没去细研究,有别的要忙,可以证明这种方式是可行的。
成功 device 与 battery status 两个测试通过。