Repository files navigation

Demo |Video Demo

Detects barcode or qr code scanning on document and emits the scanned barcode.

This project was generated withAngular CLI version 16.2.2.

Runng serve for a dev server. Navigate tohttp://localhost:4200/. The app will automatically reload if you change any of the source files.

Go tongx-scan-detect.

Runng generate component component-name to generate a new component. You can also useng generate directive|pipe|service|class|guard|interface|enum|module.

Runng build to build the project. The build artifacts will be stored in thedist/ directory. Use the--prod flag for a production build.

Runng test to execute the unit tests viaKarma.

Runng e2e to execute the end-to-end tests viaProtractor.

To get more help on the Angular CLI useng help or go check out theAngular CLI README.

Demo

Angular directive for handling input events. Useful for determine input using a barcode-scanner.

Like binding to a regulartype event in a template, you can do something like this:

<inputngxBarCodePut(detected)="onDetected($event)">

npm install --save ngx-scan-detect

You can then use the directive in your templates:

@Component({selector:'app-ngx-scan-detect',templateUrl:'./ngx-scan-detect.component.html',styleUrls:['./ngx-scan-detect.component.scss'],standalone:true,imports:[CommonModule,NgxBarCodePutDirective],})exportclassAppComponent{publiconDetected(event:IDetect){console.info(event);/* {event: KeyboardEvent, value: "sezmars", time: 0.07083499999716878, type: "scanner"} *//* {event: KeyboardEvent, value: "3333333", time: 0.17083499999716878, type: "keyboard"} */}publiconDelete(event:IDelete){console.info(event);/* {event: KeyboardEvent, value: "3333333", type: "delete"} */}}