qr码显示无数据

Question

我已经将angular2二维码库添加到我的ionic 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码标记之前，请使用ngIf并检查是否定义了QRCode值。