当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

 

原理请参照此文章

http://my.oschina.net/ilivebox/blog/293771

如果您觉得我的文章给了您帮助，请为我买一杯饮料吧！以下是我的支付宝，意思一下我将非常感激！