您的位置:首页 > 其它

使用ionic2开发一个二维码扫描功能

2017-04-13 14:38 399 查看
界面添加一个按钮:

<button ion-button block color="secondary" class="Scan-button" (click)="scanQR()" [disabled]="loading">点我扫描</button>

ts具体代码:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { BarcodeScanner } from "ionic-native";

@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
public scannedText: string;
constructor(public navCtrl: NavController) {

}
public scanQR() {

BarcodeScanner.scan().then((barcodeData) => {
if (barcodeData.cancelled) {
console.log("User cancelled the action!");
return false;
}
console.log("Scanned successfully!");
console.log(barcodeData);
this.scannedText=JSON.stringify(barcodeData);
}, (err) => {
console.log(err);
});
}
}


运行时会告诉你缺这个缺那个,只管npm install即可

然后编译成apk的时候会提示没有接受条款,其实是找不到依赖包,根据提示使用SDK Manager装上就行,扫描效果还是很好的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐