条形码扫描仪在扫描页面内添加按钮

Question

我为iOS和Android的Ionic项目实施了Barcode Scanner.但是当我的扫描仪启动时,我想在视图中添加一个按钮并向其添加一个事件.我正在使用phonegap-plugin-barcodescanner插件

请帮我解决如何在扫描视图中附加内容.

Answer 1

添加插件后，安装ngCordovabower install ngCordova

ng-cordova.js添加指向上面引用的 JS 文件的链接cordova.js：

索引.html

<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>

另外，不要忘记添加 ngCordova 模块：

应用程序.js

angular.module('myApp', ['ngCordova'])

现在您可以像这样使用该插件了：

控制器：

var module = angular.module('starter.controllers', []);
module.controller('BarcodeCtrl', function($scope, $cordovaBarcodeScanner, $ionicPlatform) {
  $ionicPlatform.ready(function(){
    $scope.scan = function() {
        $cordovaBarcodeScanner
          .scan()
          .then(function(barcodeData) {
            alert(JSON.stringify(barcodeData));
          }, function(error) {
            alert(error);
          });
      };
  });
});

看法：

<button ng-click="scan()">Scan</button>