如何使用angular-二维码Angular?

How to use angular-qrcode Angular?

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

我正在尝试使用 angular-qrcode to display qr-codes in Angular, but I can't get it to work. I'm currently simply trying this code as described in the readme:

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

不幸的是它什么也没做。我没有收到任何错误,但我也没有看到任何 qr-image。

为了给出一个工作示例,我分叉了 angular-phonecat tutorial here and tried using angular-qrcode in that code (commit here).

有人知道我在尝试使用 angular-qrcode 时做错了什么吗?欢迎所有提示!

永远不要访问控制器中的 DOM,为此使用 directives

与其创建自己的指令,不如看看 Angular-qrcode

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

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

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