use barcodeScanner in cordova (with angularjs) -
(i'm fr) i'm trying use barcodescanner in cordova (works angularjs) app seems code can't works. i'd understand should do. :c
first :
cordova plugin rm https://github.com/wildabeast/barcode cordova plugin add https://github.com/wildabeast/barcode
then, here code : index.html
<!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> <link rel="stylesheet" type="text/css" href="css/style.css"> <title>hello world</title> </head> <body ng-app="app" ng-controller="barcodectrl"> <header class="header unselectable"> <a ng-click="panel=0" ng-hide="panel==0"><img src="img/back1.png" class="backlogo"></a> <!--<img src="img/logo.png" class="logoheader">--> <a ng-click="callbarcodescanner()"><img src="img/barcode.png" class="barcodescanner"></a> </header> <section ng-view class="container"> </section> <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript" src="js/angular-route.min.js"></script> <script type="text/javascript" src="js/app.js"></script> </body> </html>
app.js
document.addeventlistener('deviceready', function(){ navigator.splashscreen.hide(); }, false); var app = angular.module('app', ['ngroute']); app.config(function($routeprovider){ $routeprovider .when('/home', {templateurl: 'partials/home.html'}) .when('/list', {templateurl: 'partials/list.html'}) .otherwise({redirectto: '/home'}); }); app.controller('barcodectrl', function($scope, $http){ $scope.panel = 0; $scope.callbarcodescanner = function(){ $('.barcode').val('scan en cours ...'); barcodescanner.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); }); }; }); $('.barcode').focus(function(){ $('.barcode').val(''); });
if can me...
finally.. make plugin operational, i've include cordova.js (it doesn't matter if include fail on web browser) , use ng-cordova.
Comments
Post a Comment