javascript - angular-qrcode Angular如何使用？

Question

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

我正在尝试使用 angular-qrcode在 Angular 中显示二维码，但我无法让它工作。我目前只是按照 the readme 中的描述尝试此代码:

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

不幸的是它没有做任何事情。我没有收到任何错误，但我也没有看到任何 qr-image。

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

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

Answer 1

永远不要访问 Controller 中的 DOM，使用 directives为此。

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

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

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

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