@ng-all/hid-scanner
v0.3.0
Published
a service to get the string from a HID scanner device like `Honeywell HH450`
Downloads
9
Readme
HID Scanner 🐝
a service to get the string from a HID scanner device like Honeywell HH450
Installation
$ npm install @ng-all/hid-scanner
Usage
@Component({
selector: 'app-main',
templateUrl: './main.component.html',
styleUrls: ['./main.component.scss'],
})
export class MainComponent implements OnDestroy {
private scannerSubscription?: Subscription;
public constructor(
// should be provided somewhere
private scanner: HoneyScannerService,
) {
// adjust the threshold of milliseconds for different sanner devices default is 99
let threshold:number = 99;
this.scannerSubscription = this.scanner.onScan(threshold).subscribe({
next: e => {
// scan result here
console.log(e);
},
});
}
// for plain Angular project
public ngOnDestroy(): void {
if (this.scannerSubscription) {
this.scanner.dispose();
this.scannerSubscription.unsubscribe();
}
}
// for Ionic project
public ionViewWillLeave(): void {
if (this.scannerSubscription) {
this.scanner.dispose();
this.scannerSubscription.unsubscribe();
}
}
}
Tips
- the service will not working if a component is navigated by a
a[routerLink]
since the enter key from the scanner is missing after aa[routerLink]
navigation so try to use adiv[routerLink]
instead - it is recommended to provide the service in a component instead of a module
- do not forget to
unsubscribe
anddispose