ionic2+angular4扫描二维码实现
官方文档:点击打开链接
1、安装插件:
ionic cordova plugin add phonegap-plugin-barcodescanner
npm install --save @ionic-native/barcode-scanner
2、添加插件到App.module.ts
import { BarcodeScanner } from '@ionic-native/barcode-scanner';
providers: [
BarcodeScanner,
3、使用:
HTML:
<
button
ion-button
block
color
=
"secondary"
class
=
"Scan-button"
(
click
)=
"scanQR()"
>
点我扫描
</
button
>
Component:
public
scanQR
() {
this
.
barcodeScanner
.
scan
().
then
((
barcodeData
)
=>
{
if
(
barcodeData
.
cancelled
){
return
false
;
}
alert
(
JSON
.
stringify
(
barcodeData
.
text
));
}, (
err
)
=>
{
// An error occurred
});
}