首页 > 微信 > 详细

当angularjs遇到微信jsdk

时间:2015-11-21 02:12:05      阅读:435      评论:0      收藏:0      [点我收藏+]

???????? 最近在做一个微信版的进销存,需要调用微信的条码扫描功能,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
?
原理请参照此文章

当angularjs遇到微信jsdk

原文:http://bewithme.iteye.com/blog/2258199

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!