沃梦达 / 编程问答 / 前端问题 / 正文

如何在Ionic5中生成二维码

沃梦达教程前端问题

2022-01-01

How possible that to generate QR Code in ionic 5(如何在Ionic5中生成二维码)

本文介绍了如何在Ionic5中生成二维码的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在Ionic 5中有没有可能生成二维码的方法？我试过了，但它一直显示qrcode是未知元素。

这是我的代码

qrcode.html

<ion-item>
    <ion-input type="text" placeholder="My QR data" [(ngModel)]="myAngularxQrCode"></ion-input>
</ion-item>

<ion-card *ngIf="createdCode">
    <qrcode [qrdata]="'myAngularxQrCode'"></qrcode>
    <ion-card-content>
        <p>Value: {{qrData}}</p>
    </ion-card-content>
</ion-card>

qrcode.ts

export class qrcode implements OnInit {
    createdCode = null;
    myAngularxQrCode = null;
    qrData = 'http://hrms.my-epmo.com/default.aspx';

    constructor() {
        this.myAngularxQrCode = 'Your QR code data string';
    }
}

这就是我试过的。我希望有人能帮我解决这个问题。提前感谢！

推荐答案

我使用过ngx-qrcode。

在您的模板中

<ngx-qrcode [qrc-value]="createdCode">
  </ngx-qrcode>

在您的控制器中

ngOnInit() {
    this.user = this.globals.access.user;
    this.createCode(this.globals.access.user.username);
  }


  createCode(toEncode) {
    this.createdCode = toEncode;
  }

这篇关于如何在Ionic5中生成二维码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

二维码