angular2-qrcode-generator v1.0.1

angular2-qrcode

angular2-qrcode is a component that you can easily integrate into your project. It relies on qrcode-generator to generate QR Codes.

Install

npm install angular2-qrcode

How To Use

RC5 UPDATE: Import into your NgModule and use it as Directive

import { NgModule } from '@angular/core';
import { QRCodeModule } from 'angular2-qrcode';

...

@NgModule({
    imports: [
        QRCodeModule,
        ...
    ]
})

In component template:

<div>
    <qr-code [data]="'All QR Code data goes here!'" [size]="150"></qr-code>
</div>

Import the component and declare it as Directive

import {Component, OnInit} from '@angular/core';
import {QRCodeComponent} from 'angular2-qrcode';

@Component({
  selector: 'my-qr-code-component',
  directives: [QRCodeComponent],
  template: `
    <div>
      <qr-code [data]="'All QR Code data goes here!'" [size]="150"></qr-code>
    </div>
  `
})

Parameters

Note

If you have code length overflow errors, you need to increase the [type] value to increase the buffer for your data string.

License

MIT License