<qrcode></qrcode>

An AngularJS directive to creates QR Codes using Kazuhiko Arase’s qrcode-generator library.

See it in action.

as element

<qrcode data="string"></qrcode>

with options

<qrcode version="2" error-correction-level="M" size="200" data="string"></qrcode>

with expressions, observe changes

<qrcode version="{{version}}" error-correction-level="{{level}}" size="{{size}}" data="{{var}}"></qrcode>

Permitted values

• version: 1-10

• error-correction-level: 'L', 'M', 'Q', 'H'

• size: integer

The amount of data (measured in bits) must be within capacity according to the selected version and error correction level, see http://www.qrcode.com/en/about/version.html.

bower install monospaced/angular-qrcode

Include the qrcode generator library and the qrcode.js script provided by this component in your app, and add monospaced.qrcode to your app’s dependencies.

monospaced.github.io/angular-qrcode

QR Code versions

QR Code error correction