解决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对象和字串之间的转换实例探讨
Apr 21 Javascript
jQuery获得内容和属性方法及示例
Dec 02 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
javascript运行机制之this详细介绍
Feb 07 Javascript
详谈JavaScript内存泄漏
Nov 14 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
Node.js中.pfx后缀文件的处理方法
Mar 10 Javascript
vue-cli入门之项目结构分析
Apr 20 Javascript
Vue父子组件之间的通信实例详解
Sep 28 Javascript
vue 实现微信浮标效果
Sep 01 Javascript
Vue多选列表组件深入详解
Mar 02 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生成静态页面详解
2006/12/05 PHP
PHP学习笔记之二 php入门知识
2011/01/12 PHP
处理(php-cgi.exe - FastCGI 进程超过了配置的请求超时时限)的问题
2013/07/03 PHP
php中cookie的使用方法
2014/03/29 PHP
php调用云片网接口发送短信的实现方法
2017/10/25 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
一个JavaScript继承的实现
2006/10/24 Javascript
如何让动态插入的javascript脚本代码跑起来。
2007/01/09 Javascript
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
JavaScript 高级语法介绍
2009/06/15 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
Bootstrap零基础入门教程(三)
2016/07/18 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
2016/12/02 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
AngularJS解决ng-if中的ng-model值无效的问题
2017/06/21 Javascript
使用Vue完成一个简单的todolist的方法
2017/12/01 Javascript
Python实现获取网站PR及百度权重
2015/01/21 Python
代码实例讲解python3的编码问题
2019/07/08 Python
pytorch实现用CNN和LSTM对文本进行分类方式
2020/01/08 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
Python结合Window计划任务监测邮件的示例代码
2020/08/05 Python
CSS3实现简易版的刮刮乐效果
2016/09/27 HTML / CSS
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
HEMA英国:荷兰原创设计
2018/08/28 全球购物
企业优秀员工事迹材料
2014/05/28 职场文书
幼儿教师自我剖析材料
2014/09/29 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
文明旅游倡议书
2015/04/28 职场文书
孟佩杰观后感
2015/06/17 职场文书
客户答谢会致辞
2015/07/30 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
java实现面板之间切换功能
2022/06/10 Java/Android
mysql幻读详解实例以及解决办法
2022/06/16 MySQL