angular-qrcode

WebJar for angular-qrcode

License

License

MIT
Categories

Categories

Github Development Tools Version Controls Angular User Interface Web Frameworks
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

github-com-belerweb-angular-qrcode
Last Version

Last Version

6.2.2
Release Date

Release Date

Type

Type

jar
Description

Description

angular-qrcode
WebJar for angular-qrcode
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/belerweb/angular-qrcode

Download github-com-belerweb-angular-qrcode

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-belerweb-angular-qrcode/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-belerweb-angular-qrcode</artifactId>
    <version>6.2.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-belerweb-angular-qrcode/
implementation 'org.webjars.bower:github-com-belerweb-angular-qrcode:6.2.2'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-belerweb-angular-qrcode/
implementation ("org.webjars.bower:github-com-belerweb-angular-qrcode:6.2.2")
'org.webjars.bower:github-com-belerweb-angular-qrcode:jar:6.2.2'
<dependency org="org.webjars.bower" name="github-com-belerweb-angular-qrcode" rev="6.2.2">
  <artifact name="github-com-belerweb-angular-qrcode" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-belerweb-angular-qrcode', version='6.2.2')
)
libraryDependencies += "org.webjars.bower" % "github-com-belerweb-angular-qrcode" % "6.2.2"
[org.webjars.bower/github-com-belerweb-angular-qrcode "6.2.2"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : angular jar [1.0.6,)
org.webjars.bower : github-com-monospaced-bower-qrcode-generator jar v0.1.0

Project Modules

There are no modules declared in this project.

Angular QR Code

<qrcode></qrcode>

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

See it in action.

Important!

The version and error-correction-level parameters are very important.

The selected version and error-correction-level must give a high enough capacity for the amount of data (bits) you are encoding, or the qrcode will not render.

For more information see http://www.qrcode.com/en/about/version.html.

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-40

  • 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

bower install monospaced/angular-qrcode

npm install angular-qrcode

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

QR Code error correction

Versions

Version
6.2.2