QR Code elements for AngularJS.
Clone or download
Pull request Compare This branch is 6 commits ahead, 59 commits behind monospaced:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
README.md
bower.json
index.html
qrcode.js

README.md

Angular QR Code

<qrcode></qrcode>

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

See it in action.

Usage

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>

Options

Permitted values

  • version: 1-10

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

  • size: integer

  • full-width: '1'

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.

Install

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.

Demo

monospaced.github.io/angular-qrcode

Reference

QR Code versions

QR Code error correction