如何在角度2应用程序中扫描Qr代码？

Question

我想创建一个应用程序，它将用angular-cli扫描qr代码？ 我确实发现了几个npm模块，比如qrcode-reader。但是他们中的任何一个都在使用angular 2.我想，使用qrcode-reader更像nodejs服务器端模块。 无论如何建立应用程序？

Answer 1

无论框架选择（角度，反应，烬等），这是一个JavaScript库/ API可以做到这一点的问题。与Angular集成仅仅是从Angular的Javascript代码中调用API的问题。

Answer 2

我在ng-cordova中使用barcodeScanner来扫描条形码。我必须在ngCordova中进行代码更改才能使其与barcodeScanner插件正常工作（其中有几个版本），但现在它运行良好。

Answer 3

我刚在项目中安装了angular2-qrscanner，它似乎开箱即用。 （这仅适用于Chrome浏览器，FF和Opera虽然）

Github上：https://github.com/tulkasEldarion/angular2-qrscanner

安装：npm install angular2-qrscanner --save

使用：<qr-scanner (onRead)="callback($event)"></qr-scanner>