解决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 相关文章推荐
jQuery的写法不同导致的兼容性问题的解决方法
Jul 29 Javascript
用Javascript实现Sleep暂停功能代码
Sep 03 Javascript
JavaScript isArray()函数判断对象类型的种种方法
Oct 11 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
Mar 15 Javascript
jquery实现html页面 div 假分页有原理有代码
Sep 06 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
Nov 18 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
Oct 18 Javascript
javascript实现获取图片大小及图片等比缩放的方法
Nov 24 Javascript
动态加载css方法实现和深入解析
Jan 18 Javascript
JavaScript 基础表单验证示例(纯Js实现)
Jul 20 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
vue父子模板传值问题解决方法案例分析
Feb 26 Javascript
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 开发环境配置(Zend Server安装)
2010/04/28 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
javascript 屏蔽鼠标键盘的几段代码
2008/01/02 Javascript
一个选择最快的服务器转向代码
2009/04/27 Javascript
用AJAX返回HTML片段中的JavaScript脚本
2010/01/04 Javascript
javascript入门基础之私有变量
2010/02/23 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
jQuery 中ajax异步调用的四种方式
2016/06/28 Javascript
JS中Swiper的使用和轮播图效果
2017/08/11 Javascript
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
2018/11/10 Javascript
vue实现页面滚动到底部刷新
2019/08/16 Javascript
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
vue路由 遍历生成复数router-link的例子
2019/10/30 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
vue实现公共方法抽离
2020/07/31 Javascript
Python生成随机数的方法
2014/01/14 Python
python海龟绘图实例教程
2014/07/24 Python
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
Pytorch反向求导更新网络参数的方法
2019/08/17 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
Python中six模块基础用法
2019/12/08 Python
python实现查找所有程序的安装信息
2020/02/18 Python
松下电器美国官方商店:Panasonic美国
2016/10/14 全球购物
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
阿迪达斯希腊官方网上商店:adidas希腊
2019/04/06 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
人事主管岗位职责范本
2013/12/04 职场文书
大学生党员自我批评
2014/02/14 职场文书
幼儿园教学反思范文
2016/03/02 职场文书