How to create QR Code using AngularJS

Question

I need to generate QR Code For every user in my portal. When they logged in, the QR Code Image will be displayed in Their Profile Page. The QR Code Information Like as follows http://mywebsite.com/my.html?userId=12345678900987654321

How to generate QR Code using AngularJS. If They Scan It directly open into browser. Is it Possible?

Well, there are a lot of AngularJS libraries to generate QR Codes... This one or this one, etc. — Hugo
– Hugo, Commented May 10, 2017 at 10:10

Riv · Accepted Answer · 2017-05-10 10:15:14Z

1

You will most likely be using AngularJs for that. Check out some JavaScript libraries for that purpose, I found Qrcode.js. On their github page they show how to use it. By the looks of it you will generate a code for a line and user id so samples from their github help:

<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>

So when you have a HTML element with ID "qrCodeElement" it should show there.

answered May 10, 2017 at 10:15

Riv

3572 gold badges5 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create QR Code using AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related