Need help with angular-qr?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

janantala
206 Stars 86 Forks MIT License 72 Commits 19 Opened issues

Description

Dynamic QR code generator for AngularJS

Services available

!
?

Need anything else?

Contributors list

# 208,763
CSS
HTML
confere...
influxd...
48 commits
# 235,248
faceboo...
CSS
HTML
Shell
3 commits

angular-qr v0.2.0 Build Status

QR code generator for AngularJS

Demo

Check out http://janantala.github.io/angular-qr/demo/

Requirements

  • AngularJS v 1.0+
  • qrcode.js (
    bower install qrcode
    is installed with angular-qr as dependecy)

Usage

We use bower for dependency management. Add

dependencies: {
    "angular-qr": "latest"
}

To your

bower.json
file. Then run
bower install

This will copy the angular-qr files into your

bower_components
folder, along with its dependencies. Load the script files in your application:

Add the ja.qr module as a dependency to your application module:

var myAppModule = angular.module('MyApp', ['ja.qr']);

Directive

$scope.string = 'YOUR TEXT TO ENCODE';

Required attributes

text

Your text to encode from variable in the scope. If you want to encode text directly you need to escape it

text="'YOUR TEXT TO ENCODE'"
.

Optional attributes

type-number

  • 1-40
  • default value:
    0
    = minimal required version

correction-level

  • L
    - Low
  • M
    - Medium (default)
  • Q
    - Quartile
  • H
    - High

size

Size in pixels - default value: 250

input-mode

  • NUMBER
    : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
  • ALPHA_NUM
    : 0–9, A–Z (upper-case only), space, $, %, *, +, -, ., /, :
  • 8bit
    : ISO 8859-1
  • default value: minimal required input mode based on input text

image

  • If you want to render qr code into image element set this attribute to
    true
    .

Contributing

Contributions are welcome. Please make a pull request against canary branch, use Git Commit Message Conventions and do not bump versions. Also include tests.

Testing

We use karma and jshint to ensure the quality of the code. The easiest way to run these checks is to use gulp:

npm install -g gulp
npm install
bower install
gulp

The karma task will try to open Chrome as a browser in which to run the tests. Make sure this is available or change the configuration in

karma.conf.js

License

The MIT License

Copyright (c) 2014 Jan Antala

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.