如何在Angular 4项目中使用cordova-plugin-qrscanner

时间:2017-09-27 11:58:50

标签: angular cordova cross-platform

我正在开发angular 4应用程序。它通过使用钩子直接转换为Cordova。在Angular应用程序中,我想使用cordova-plugin-qrscanner插件。

我试过像波涛但是它无法正常工作

内部类型脚本

declare var QRScanner: any; declare the veriable

然后在方法中使用

scan() {
var done = function(err, status){
  if(err){
    console.error(err._message);
  } else {
    console.log('QRScanner is initialized. Status:');
    console.log(status);
  }
};

QRScanner.prepare(done);
QRScanner.show();

var callback = function(err, contents){
  if(err){
    console.error(err._message);
  }
  alert('The QR Code contains: ' + contents);
};

QRScanner.scan(callback);

}

在点击功能中调用

<button type="submit" (click)="scan()"> Scan </button>

但不工作。也没有出现任何错误

1 个答案:

答案 0 :(得分:1)

使用 ( < any > window).QRScanner 来访问QRScanner插件。

在处理 deviceready 事件之后将可用