解决angular双向绑定无效果,ng-model不能正常显示的问题


Posted in Javascript onOctober 02, 2018

今天遇到了个问题,js代码中变量已经变化了,但是html页面中没有正常的显示出来。

代码如下:

<input type="text" ng-model="paramValue" auto-focus>

$scope.paramValue = param;

以上代码就会造成有时input框中无内容的情况,打断点显示$scope.paramValue是有值的,但是页面就是啥都显示不出来。

换成下边代码就没问题了:

<input type="text" ng-model="searchdata.paramValue" auto-focus>

$scope.searchdata.paramValue = param;

这个bug很少遇到,我这几年是第一次遇到,记录一下。

以上这篇解决angular双向绑定无效果,ng-model不能正常显示的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 03 Javascript
jquery调用asp.net 页面后台的实现代码
Apr 27 Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
Mar 26 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
基于Vue的侧边目录组件的实现
Feb 05 Javascript
JS前端模块化原理与实现方法详解
Mar 17 Javascript
微信分享invalid signature签名错误踩过的坑
Apr 11 Javascript
微信小程序国际化探索实现(附源码地址)
May 20 Javascript
vue3种table表格选项个数的控制方法
Apr 14 Vue.js
angularjs获取到My97DatePicker选中的值方法
Oct 02 #Javascript
angular ng-model 无法获取值的处理方法
Oct 02 #Javascript
angularjs手动识别字符串中的换行符方法
Oct 02 #Javascript
angularjs使用div模拟textarea文本框的方法
Oct 02 #Javascript
解决ng-repeat产生的ng-model中取不到值的问题
Oct 02 #Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 #Javascript
浅谈开发eslint规则
Oct 01 #Javascript
You might like
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
php实现猴子选大王问题算法实例
2015/04/20 PHP
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
jQuery插件windowScroll实现单屏滚动特效
2015/07/14 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
在js中实现邮箱格式的验证方法(推荐)
2016/10/24 Javascript
Node接收电子邮件的实例代码
2017/07/21 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
vue组件实现进度条效果
2018/06/06 Javascript
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
jquery 时间戳转日期过程详解
2019/10/12 jQuery
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
Python解释执行原理分析
2014/08/22 Python
python多重继承新算法C3介绍
2014/09/28 Python
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
Python限制内存和CPU使用量的方法(Unix系统适用)
2020/08/04 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
不开辟用于交换数据的临时空间,如何完成字符串的逆序
2012/12/02 面试题
C#如何进行LDAP用户校验
2012/11/21 面试题
自主招生自荐信指南
2014/02/04 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
环保建议书作文500字
2015/09/14 职场文书
建房合同协议书
2016/03/21 职场文书
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL