如何在离子2中生成和显示QR码

Question

我找到了在角度和离子1中生成条形码的文档，但我需要在Ionic 2项目中生成一个。

Answer 1

尝试JsBarcode项目。有一个角度为1的包装器。我使用了本期中的说明来使它在角度2上工作。

https://github.com/lindell/JsBarcode/issues/105

这里有火花注释：

• 使用NPM npm install jsbarcode --save。
安装插件
• 导入控制器中的库import JsBarcode from 'jsbarcode';
• 创建一个空对象来保存条形码<svg #barcode id="barcode"></svg>
• 生成条形码：

使用以下代码生成条形码。

 @ViewChild('barcode') barcode: ElementRef;
    ngAfterViewInit() {
       JsBarcode(this.barcode.nativeElement, '12345');
    }

Answer 2

安装以下NPM软件包以仅用几行代码即可创建QR码。

  

ngx-qrcode2

有关生成和扫描QR码的信息，请通过以下链接-

https://ionicacademy.com/ionic-qr-code-generator-reader/