Question

我想使用会员信息创建条形码。我使用@ ionic-native / barcode-scanner作为插件。我正在使用下面显示的代码片段生成QR码。

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Http, Headers } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/Rx';
import { BarcodeScanner } from '@ionic-native/barcode-scanner';
@Component({
  selector: 'page-kartbilgileri',
  templateUrl: 'kartbilgileri.html',
})
export class KartbilgileriPage {
  UYEID : string = window.localStorage.getItem("auth_key");
  GOSTER;
  constructor(public barcode : BarcodeScanner, public navCtrl: NavController, public navParams: NavParams) {
    this.barkodOlustur();
  }
  barkodOlustur(){
    this.barcode.encode(this.barcode.Encode.TEXT_TYPE,this.UYEID).then((encodedData) => {
      this.GOSTER = encodedData.text;
    }, (err) => {
        console.log("Error occured : " + err);
    });    
  }
}

如何创建二维条码而不是我创建的二维码呢？

Answer 1

我找到了问题的答案。我用过JsBarcode。 https://github.com/lindell/JsBarcode/issues/105 我使用此链接进行安装。 How to generate and display a QR Code in ionic 2

使用NPM npm install jsbarcode --save。
导入控制器中的库导入JsBarcode来自'jsbarcode';
创建一个空对象来保存条形码

<svg #barcode id="barcode"></svg>

@ViewChild('barcode') barcode: ElementRef;
    ngAfterViewInit() {
       JsBarcode(this.barcode.nativeElement, window.localStorage.getItem("auth_key"));
    }

离子3创建二维条码而不是二维码

1 个答案: