最近在做一个微信版的进销存,需要调用微信的条码扫描功能,webapp框架是用的ionic,它是基于angularjs开发的,所以整个项目也直接用angularjs。
场景为当点击某个按钮时,弹出扫描窗口,扫描成功后将数据显示在文本框。问题是微信的jsdk的扫描接口中已经无法读取$scope了,而且也不能用document.getElementById("xxx").value="qrcode"方法,因为此方法无法双向绑定数据,现在给出如下解决方法
var fn=function(msg) {
var deffer=$q.defer();
deffer.resolve(msg);
return deffer.promise;
};
$scope.goScanQRCode=function(){
wx.scanQRCode({
desc: 'scanQRCode desc',
needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
success: function (res) {
fn(res).then(function(res){//此代码保证可以读写$scope
$scope.addEntity.product.code=res.resultStr.split(",")[1];
});
}
});
};
别忘记在控制器里注入
$q
原理请参照此文章
如果您觉得我的文章给了您帮助,请为我买一杯饮料吧!我将非常感激并坚持为大家提供更多帮助!