[DEBPRECATED] Angular QR Code it

angular-qrcode now support both element and attribute, I will close this repository some days later.

This repository is forked from angular-qrcode written by monospaced. And it's based on v6.0.3 of angular-qrcode.

The modifies are:

both element and attribute are supported
require the new qrcode-generator by default
no bower support

<div qrcode></div>
<!-- or -->
<qrcode></qrcode>

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

See it in action.

Usage

as element

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

with QR options

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

as a downloadable image

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

as a link to URL

<qrcode data="http://example.com" href="http://example.com"></qrcode>

download and href can’t be used on the same element (if download is present, href will be ignored)

with expressions, observe changes

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

Options

Permitted values

version: 1-10
error-correction-level: 'L', 'M', 'Q', 'H'
size: integer
download: boolean
href: URL

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

npm install angular-qrcode-it

Include the qrcode generator library and the angular-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