ionic- plugin-barcod

   Projemize buradaki ayarları yaptıktan sonra devam edelim. Barcode Scanner Plugini barcode okutmamızı sağlar.

Plugin sayfası: http://ngcordova.com/docs/plugins/barcodeScanner/

proje dizinimize gelip terminalden plugini ekleyelim:

$ cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git

Sayfa bağlantısını yapalım:

www/templates/barcode.html

<ion-view view-title="Barcode">

  <ion-content>

  

 <br/>

   <h3>Barcode Scan Uygulaması</h3>

  <br/>

    <button class="button button-balanced button-block" ng-click="barcodeScan()">Barcod Oku</button>

   <div class="card" ng-if="barcodeState">

     <div class="item item-text-wrap">

      {{barcodeContent.text}}

     </div>

   </div>

  </ion-content>

</ion-view>

www/templates/menu.html

 <ion-list>

           *

           *

         <ion-item menu-close ui-sref="app.barcode">

          Barcode

        </ion-item>

          *

          *

 </ion-list>

www/js/app.js  içerisine aşağıdaki kodları yazalım

  .state('app.barcode',{

    url:'/barcode',

    views: {

        'menuContent': {

          templateUrl: 'templates/barcode.html',

          controller:'BarcodeCtrl'

        }

      }

  })

www/js/controller.js içerisine:

.controller('BarcodeCtrl',function($scope,$cordovaBarcodeScanner){

  

  $scope.barcodeState=false;

  $scope.barcodeScan=function(){

    $cordovaBarcodeScanner

    .scan()

    .then(function(barcodeData){

      $scope.barcodeContent=barcodeData;

      $scope.barcodeState=true;

    }, function(error){

        //hata durumu

    })

  }

})

uygulamamızı test edeceğiz ama barcode oluşturmak lazım. bunun için  goqr.me sitesini kullanabiliriz.

uygulamamızı telefonda acıp barcodu okutalım.

ekran görüntüleri: