qr代码显示无数据

Question

我已将angular2-qrcode lib添加到我的离子v2项目中。它分别在html部分（来自模板）和ts部分。将静态数据加载到模板时，它会工作并显示带有静态字符串的qr代码。但是当我使用[data] = fooVar标签动态绑定数据时，它正在创建一个没有数据的qr代码（读出一个空字符串）。 我还尝试用data = {{fooVar}}方法绑定它。

html代码：

<div>
    <qr-code [data]="qrdata" [size]="150"></qr-code>
</div>

变体2：

<div>
    <qr-code data="{{ qrdata }}" [size]="150"></qr-code>
</div>

ts代码：

  this.qrdata = this.sanitizeHTML("www.a-link-to-my-page.at");

在这里，我要对可信赖的HTML进行清理，我还尝试过对URL和ResourceURL进行清理，但没有成功。

我唯一发现的是控制台中出现此错误：

Could not generate QR Code: Cannot read property 'length' of undefined

我的第一个问题是计时问题，但是我在类的构造函数中生成了qrdata，所以它在页面呈现之前执行。或者我错了吗？

Answer 1

在使用qr-code标签之前，请使用ngIf并检查是否已定义QRCode值。