ngx-scanner-qrcode

This library is built to provide a solution scanner QR code.
This library takes in raw images and will locate, extract and parse any QR code found within.
This demo stackblitz.

Installation

Install ngx-scanner-qrcode from npm:

npm install ngx-scanner-qrcode --save

Add wanted package to NgModule imports:

import { NgxScannerQrcodeModule } from 'ngx-scanner-qrcode';
@NgModule({
    imports: [
        NgxScannerQrcodeModule,
    ]
})

In the Component:

<ngx-scanner-qrcode #action="scanner" (data)="output = $event"></ngx-scanner-qrcode>
<span>{{output}}</span>
<button (click)="action.toggleCamera()" [disabled]="action.isLoading">{{action.isStart ? 'Stop' : 'Start'}}</button>

API Documentation

Input

Field	Description	Type	Default
line	line frame qrcode	number	4
color	color of line	string	#008000

Ouput

Field	Description	Type	Default
data	data of qrcode	string	-
error	error	any	-

Component export

Field	Description	Type	Default
toggleCamera	Active/Inactive camera	function	-
start	Active camera	function	-
stop	Inactive camera	function	-
isLoading	Check start fn	boolean	false
isStart	Start Video	boolean	false

Support versions

1.1.0 >= Angular 9
1.0.17 >= Angular 8

Author: DaiDH, Tel: 0845882882

License

MIT License. Copyright (c) 2021 DaiDH