(正如乔治·斯托克在评论中所建议的那样,我已经编辑了这个问题,现在它是关于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时做错了什么吗?欢迎所有提示!
答案 0 :(得分:9)
永远不要访问控制器中的DOM,为此使用directives。
您可能希望查看Angular-qrcode。
,而不是创建自己的指令如何使用此库的简短版本就是这样:
<qrcode data="{{url}}"></qrcode>
要使其工作,您需要在html中包含original qr-code generator和角度包装器(angular-qrcode)脚本。还要记得将'monospaced.qrcode'
添加为模块依赖项。