本文介绍了如何在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中生成二维码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！