如何使用AngularJS创建QR码

Question

我需要为门户网站中的每个用户生成QR代码。当他们登录时，QR码图像将显示在他们的个人资料页面中。 QR码信息如下 http://mywebsite.com/my.html?userId=12345678900987654321

如何使用AngularJS生成QR码。如果他们扫描它直接打开浏览器。可能吗？

Answer 1

你很可能会使用AngularJs。为此目的查看一些JavaScript库，我找到了Qrcode.js。在他们的github页面上，他们展示了如何使用它。 通过它的外观，您将生成一行代码和用户ID，以便从其github帮助中获取样本：

<div id="qrcode"></div> 
<script type="text/javascript">
    var userId = getUserId(); // get user id somehow
    new QRCode(document.getElementById("qrCodeElement"), "http://mywebsite.com/my.html?userId=" + userId);
</script>

所以当你有一个带有ID＆＃34; qrCodeElement＆＃34;的HTML元素时它应该显示在那里。