首页 > 代码库 > ionic ngcordova barcodescanner

ionic ngcordova barcodescanner

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

1. 1 ionic start barcodescanner blank 2 cd barcodescanner 3 ionic platform add android 4 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()函數

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

ionic ngcordova barcodescanner