码迷,mamicode.com
首页 > 其他好文 > 详细

ionic ngcordova barcodescanner

时间:2014-10-09 22:09:27      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:des   android   style   blog   http   color   io   os   ar   

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

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

标签:des   android   style   blog   http   color   io   os   ar   

原文地址:http://www.cnblogs.com/xieyier/p/4014228.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!