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：

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

Component：

     public scanQR () {

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

      if ( barcodeData . cancelled ){

        return false ;

      }

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

     }, ( err ) => {

         // An error occurred

     });

      }