@gohelpfund/insight-ui
Version:
An open-source frontend for the Insight API. The Insight API provides you with a convenient, powerful and simple way to query and broadcast data on the Help network and build your own services with it.
56 lines (31 loc) • 1.45 kB
Markdown
Angular QR Code
===============
<qrcode></qrcode>
An AngularJS directive to creates QR Codes using Kazuhiko Arase’s [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) library.
[See it in action](http://monospaced.github.io/angular-qrcode).
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
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](https://raw.github.com/monospaced/bower-qrcode-generator/master/js/qrcode.js) 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](http://monospaced.github.io/angular-qrcode)
Reference
----------------
[QR Code versions](http://www.qrcode.com/en/about/version.html)
[QR Code error correction](http://www.qrcode.com/en/about/error_correction.html)