最近在做一个微信版的进销存,需要调用微信的条码扫描功能,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
原理请参照此文章
如果您觉得我的文章给了您帮助,请为我买一杯饮料吧!我将非常感激并坚持为大家提供更多帮助!
相关推荐
基于微信jsdk封装分享
微信app支付,直接傻瓜式复制粘贴过去就行了, jsdk 不用去看easywechat 文档了,如有漏洞欢迎大家提出指正!
超级懒汉微信SDK,最重要的实现2个目标: 1.轻量级,就是要摒弃实体类,尽量少的申明Entity,减少SDK的体量; 2.简单、明了,就是SDK类的划分和官方API保持一致,让人一看就懂你的用意。 用户发送请是首先POST到...
asp编写的可以获取使用者微信信息,例如昵称、性别、地址、头像等等
自己对企业微信jssdk做的一个封装,集成了vConsole和weui,可以方便的获取当前页面的入口环境信息: isWechat //是否微信浏览器 isLoading //是否在loading状态 vConsole //vConsole对象 context //当前页面...
分三个包下载,一起解压
几乎每一个开发用于微信公众号页面的工程师都遇到过微信jssdk报的各种错误,通常是permission denied,类似这样: 通常他们会建议你把debug选项开开,比如这样: wechat.config({ debug: true, appId: appId, ...
公司最近有微信公众号的需求,那么微信登录授权和如何使用WX-...2.将微信jsdk挂载到全局上 在utils目录下新建WechatPlugin.js WechatPlugin.js import wx from 'weixin-js-sdk' const plugin = { install(Vue) { Vu
主要介绍了详解vue项目接入微信JSSDK的坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
首先在common.js里封装一个函数,在需要调用jsSDK的页面引用此方法即可实现微信的信息配置 function signatureJSSDK() { var url = [removed].href.split('#')[0];//后台需要此页面的url来生成参数 $.ajax({ ...
主要介绍了微信jssdk踩坑之签名错误invalid signature,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
主要介绍了微信jssdk在iframe页面失效问题的解决措施 的相关资料,需要的朋友可以参考下
分三个包,全部解压即可
主要介绍了微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
wxWebJsdk前端调试 微信获取jsdk 签名以及微信登录授权(node)my-project前端包node服务端包rediskey-value数据库
//微信上传下载媒体文件 // 这里不能加上s,不然保存不了amr文件 $url = "http://file.api.weixin.qq.com/cgi-bin/media/get?access_token={$access_token}&media;_id={$media_id}"; ffmpeg下载地址 ...
主要介绍了微信jsdk录音功能的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
微信JS-SDK说明文档 JSSDK自定义分享接口的策略 常见错误及解决方法 微信公众平台 准备 1、微信认证过的公共号 2、域名服务器,域名必须添加到“JS接口安全域名”中 3、通过微信公众平台查看appid和AppSecret 代码...