Ngx-qrcode2 | Ngx-qrcode - GitHub Pages

ngx-qrcode2

ngx-qrcode2 An Angular 4 Component library (now updated to Angular 5) for Generating QR (Quick Response ) Codes.

You can use the ngx-qrcode2 to easily generate QR codes inside your Angular 5 or Ionic 3 applications

QR code (abbreviated from Quick Response Code) is the trademark for a type of matrix barcode (or two-dimensional barcode) first designed for the automotive industry in Japan. A barcode is a machine-readable optical label that contains information about the item to which it is attached. A QR code uses four standardized encoding modes (numeric, alphanumeric, byte/binary, and kanji) to efficiently store data; extensions may also be used. Source

How to install ngx-qrcode2?

To use ngx-qrcode in your project, install it via npm:

$ npm install ngx-qrcode2 --save

How to use ngx-qrcode2?

For a complete and detailed tutorial on how to use this library. See:

How to Generate QR Codes In Angular 4+ Applications

Import NgxQRCodeModule from ngx-qrcode2 into your app.module.ts:

import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { NgxQRCodeModule } from 'ngx-qrcode2'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, NgxQRCodeModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }

Once the library is imported, you can use the ngx-qrcode component in your Angular application:

<ngx-qrcode [qrc-value] = "value" qrc-class = "aclass" qrc-errorCorrectionLevel = "L"> </ngx-qrcode>

You can also specify the QRCode version (1 to 40) explicitely

<ngx-qrcode qrc-element-type="url" [qrc-value] = "value" qrc-version = "40"></ngx-qrcode>

How to develop ngx-qrcode2?

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

To lint all *.ts files:

$ npm run lint

License

MIT © Techiediaries

Từ khóa » Ngx-qrcode 2 Github