Library to access the scanned value in an Angular 10 application

E Efkan YILMAZ 3 years 4 months ago
241 3 0

We have an angular 10 application and we want to achieve the following: * Detect the scanner input from within our angular 10 application * Once we get the scanned value, we want to fetch data from our database We did try onscan.js library, but that is behaving weird and messing up the scanned value after 20 to 30 scans or when faster scans are done. We did not fine onscan.js reliable. Also we did try the package ngx-barcode-input. This also did not work as expected. Is there any other library that you would recommend for this purpose?

Please Register or Login to post a reply

3 Replies

E Eddie Lascu

Hi Justin,
I have just implemented a similar solution for the project I work on. I have configured the scanner to work as keyboard emulator and then, when I scan a barcode, the barcode value gets populated in my desired edit box. I only need to make sure that the edit box where I want the value is in focus. After that, I have an onChange event on the edit box which triggers the search in the repository. This solution works with our website for both cases where the website is accessed on a Windows 10 desktop or on an iPad (we use wireless scanners that can be paired with the iPads via Bluetooth). I am not sure this would solve your problem, but just wanted you to be aware of our solution.

D Darryn Campbell

Hi, which Zebra device(s) are you using?

P Prisha Singh

Try using the angular-scanner library. Install it with npm install angular-scanner and integrate it into your app. Use the angular-scanner directive in your component's template, handle the scanned value in your component, and fetch data from the database using Angular services. 

https://stackoverflow.com/questions/75370340/how-to-connect-scanner-device-with-angularmendix

 

CONTACT
Can’t find what you’re looking for?