如何使用angular-qrcode Angular?

kra*_*r65 2 javascript qr-code angularjs

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

我正在尝试使用angular-qrcode在Angular中显示qr代码,但我无法使其工作.我目前正在尝试使用自述文件中描述的代码:

<qrcode data="string"></qrcode>
Run Code Online (Sandbox Code Playgroud)

不幸的是,它没有做任何事情.我没有得到任何错误,但我也没有看到任何qr-image.

为了给出一个工作示例,我在这里分叉了angular-phonecat教程并尝试在该代码中使用angular-qrcode(在此处提交).

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

Ale*_*øld 9

永远不要访问控制器中的DOM,使用指令.

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

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

<qrcode data="{{url}}"></qrcode>
Run Code Online (Sandbox Code Playgroud)

要使其工作,您需要在html中包含原始qr代码生成器和角度包装器(angular-qrcode)脚本.还要记得添加'monospaced.qrcode'为模块依赖项.