Documentation for @/ngx-qrcode

@onlinecode/ngx-qrcode An Angular Component library for Generating QR (Quick Response) Codes.

You can use the @onlinecode/ngx-qrcode to easily generate QR codes inside your Angular 9/10 or Ionic 5 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 @onlinecode/ngx-qrcode?

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

$ npm install @onlinecode/ngx-qrcode --save

Via yarn:

$ yarn add @onlinecode/ngx-qrcode

How to use @onlinecode/ngx-qrcode?

Import NgxQRCodeModule from @onlinecode/ngx-qrcode into your src/app/app.module.ts file as follows:

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

Once the library has been imported, you can use the ngx-qrcode component in your Angular application.

In the src/app/app.component.html file add the following code:

<divstyle="text-align:center"><h1>    @onlinecode/ngx-qrcode demo   </h1></div><ngx-qrcode[elementType]="elementType"[value]="value"cssClass ="aclass"errorCorrectionLevel ="L"></ngx-qrcode>

Next, in the src/app/app.component.ts file add:

import{Component}from'@angular/core';@Component({selector:'app-root',templateUrl:'./app.component.html',styleUrls:['./app.component.css']})exportclassAppComponent{title='app';elementType='url';value='Techiediaries';}

How to develop @onlinecode/ngx-qrcode?

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

$ npm run build$ yarn build

To lint all *.ts files:

$ npm run lint$ yarn lint

How to run unit tests?

In development mode:

$ npm run test:watch ngx-qrcodeor$ yarn test:watch ngx-qrcode

Add --codeCoverage option to see code coverage in coverage folder.

License

The library is available under the MIT license.