Angular 如何在ionic 2中生成和显示二维码

Angular 如何在ionic 2中生成和显示二维码,angular,ionic2,Angular,Ionic2,我在angular和ionic 1中找到了生成条形码的文档,但我需要在ionic 2项目中生成一个。1有一个包装器。我使用本期中的说明使其在angular 2上工作 这是麻雀: 使用NPMNPM安装jsbarcode--save安装插件 在控制器中导入库从“JsBarcode”导入JsBarcode 创建一个空对象来保存条形码 生成条形码: 使用以下代码生成条形码 @ViewChild('barcode') barcode: ElementRef; ngAfterViewInit

我在angular和ionic 1中找到了生成条形码的文档,但我需要在ionic 2项目中生成一个。1有一个包装器。我使用本期中的说明使其在angular 2上工作

这是麻雀:

  • 使用NPM
    NPM安装jsbarcode--save安装插件
  • 在控制器中导入库
    从“JsBarcode”导入JsBarcode
  • 创建一个空对象来保存条形码
  • 生成条形码:
使用以下代码生成条形码

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

安装以下NPM软件包,只需几行代码即可创建二维码

ngx-qrcode2

有关生成和扫描二维码的参考,请点击以下链接-


这是可行的,但不幸的是,JsBarcode是一个条形码(一维码)生成器,但问题是需要一个二维码生成器