当angularjs遇到微信jsdk

???????? 最近在做一个微信版的进销存,需要调用微信的条码扫描功能,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
?
原理请参照此文章
上一篇:websocket即时通讯java SpringMVC mybatis 后台框架 集成代码生成器开发利器 全部源码【集成微信接口开发】


下一篇:通过Viewpager 来实现微信界面左右滑动。