如何使用angular-qrcode Angular？

Question

(正如George Stocker在评论中建议的那样，我已经编辑了这个问题，所以现在它是关于angular-qrcode而不是QRCode.js。)

我正在尝试使用angular-qrcode在Angular中显示二维码，但是我不能让它工作。我目前只是简单地尝试使用the readme中描述的代码

<qrcode data="string"></qrcode>

不幸的是，它什么也做不了。我没有得到任何错误，但我也没有看到任何qr图像。

为了给出一个工作示例，我派生了angular-phonecat tutorial here，并尝试在该代码(commit here)中使用angular-qrcode。

有人知道我尝试使用angular-qrcode做错了什么吗？欢迎所有提示！

Answer 1

永远不要访问控制器中的DOM，请使用directives。

您可能希望查看Angular-qrcode，而不是创建自己的指令。

如何使用这个库的简短版本是这样的：

<qrcode data="{{url}}"></qrcode>

要使其正常工作，需要在html中包含original qr-code generator和angular包装器(angular-qrcode)脚本。还要记住将'monospaced.qrcode'添加为模块依赖项。