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

Question

我正在尝试创建一个应用程序，它将使用angular-cli扫描qr代码？ 我确实找到了几个像qrcode-reader这样的npm模块。但是他们中的任何一个都使用角度2.我猜，因为qrcode-reader更像nodejs服务器端模块。 无论如何构建应用程序？

Answer 1

一旦我使用@zxing/ngx-scanner，它就可以正常工作。 参见演示here。

易于使用：

<!-- some.component.html -->
<zxing-scanner></zxing-scanner>

安装：npm i @zxing/ngx-scanner

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>