ionic ngcordova barcodescanner

时间:2021-11-22 06:42:15

二維碼掃描  最近有一個項目用到了 二維碼的掃描  總結一下 記錄一下

1.  ionic start barcodescanner blank cd barcodescanner ionic platform add android ionic platform add ios

2. 添加插件

cordova plugin add https://github.com/wildabeast/BarcodeScanner.git

3.添加ngcordova.min.js 到www文件夾下;在index.html 中引用ngcordova.min.js 和在app.js中聲明一下ngcordova           這裏略過.....

4. 在app.js 中添加控制器

.controller("barcodescannerController", function($scope, $cordovaBarcodeScanner) {

    $scope.scanBarcode = function() {
$cordovaBarcodeScanner.scan().then(function(imageData) {
alert(imageData.text);
console.log("Barcode Format -> " + imageData.format);
console.log("Cancelled -> " + imageData.cancelled);
}, function(error) {
console.log("An error happened -> " + error);
});
}; });

  5. 在index.html 中調用 scan()函數

<button ng-click="scanBarcode()">barcodescanner</button>