如何使用angular-qrcode Angular?

时间:2015-03-13 13:46:55

标签: javascript angularjs qr-code

(正如乔治·斯托克在评论中所建议的那样,我已经编辑了这个问题,现在它是关于angular-qrcode而不是QRCode.js。)

我尝试使用angular-qrcode在Angular中显示qr代码,但我无法使其工作。我目前只是按the readme

中所述尝试此代码
<qrcode data="string"></qrcode>

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

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

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

1 个答案:

答案 0 :(得分:9)

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

您可能希望查看Angular-qrcode

,而不是创建自己的指令

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

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

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