如何集成二维码扫描插件

您可自由转发此文， 但请保留出处：Ionic在线学习网站  http://www.ioniconline.com

1. 如何集成二维码扫描插件

   1. 安装插件：
      • $cordova plugin add https://github.com/wildabeast/BarcodeScanner.git
   2. 从http://ngcordova.com/下载最新的ngCordova ，将 ng-cordova.min.js放到你的工程下面的 www/js/目录
   3. 在www/index.html 添加对ngcordova js的依赖，并定义一个点击事件， 用于触发扫描函数
      javascript
<script src="js/ng-cordova.min.js"></script>

html
<img src="scan.png" width="250" height="180" ng-click="scanCode()">

   4. 在你的controller里面添加
      • 对ngCordova 以及cordovaBarcodeScanner的依赖:
        

        angular.module(‘starter’, [‘ionic’, ‘ngCordova’])
        
        
        .controller('scanCtrl', function ($scope, $cordovaBarcodeScanner)

      • scanCode的实现:
        

        $scope.scanCode = 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);
            });
        };

      其中then里面第一个参数用于定义当收到正确的扫描结果后的处理函数， 第二个参数定义出错的处理函数