如何在角度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>