您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com
-
如何集成二维码扫描插件
- 安装插件:
- $cordova plugin add https://github.com/wildabeast/BarcodeScanner.git
- 从http://ngcordova.com/下载最新的ngCordova ,将 ng-cordova.min.js放到你的工程下面的 www/js/目录
- 在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()">
- 在你的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里面第一个参数用于定义当收到正确的扫描结果后的处理函数, 第二个参数定义出错的处理函数
- 对ngCordova 以及cordovaBarcodeScanner的依赖:
- 安装插件: