ionic2--扫描二维码

ionic2+angular4扫描二维码实现

官方文档：点击打开链接

1、安装插件：

 ionic cordova plugin add phonegap-plugin-barcodescanner
 npm install --save @ionic-native/barcode-scanner

2、添加插件到App.module.ts

import {BarcodeScanner }from '@ionic-native/barcode-scanner';

  providers: [

    BarcodeScanner,

3、使用：

HTML：

  <buttonion-button block color="secondary"class="Scan-button" (click)="scanQR()" >点我扫描</button>

Component：

    publicscanQR() {

    this.barcodeScanner.scan().then((barcodeData)=> {

      if(barcodeData.cancelled){

        returnfalse;

      }

        alert(JSON.stringify(barcodeData.text));

     }, (err)=> {

         // An error occurred

     });

      }