解决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中的关于类型转换的性能优化
Dec 14 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
学习JavaScript设计模式之模板方法模式
Jan 20 Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 Javascript
简洁实用的BootStrap jQuery手风琴插件
Aug 31 Javascript
简单实现js悬浮导航效果
Feb 05 Javascript
JavaScript数组和对象的复制
Mar 21 Javascript
vue中的非父子间的通讯问题简单的实例代码
Jul 19 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
JS实现基本的网页计算器功能示例
Jan 16 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
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
用PHP代替JS玩转DOM的思路及示例代码
2014/06/15 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
php 数组随机取值的简单实例
2016/05/23 PHP
Laravel框架实现定时发布任务的方法
2018/08/16 PHP
jQuery Ajax之load()方法
2009/10/12 Javascript
让IE8支持DOM 2(不用框架!)
2009/12/31 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
你知道setTimeout是如何运行的吗?
2016/08/16 Javascript
js实现图片上传预览原理分析
2017/07/13 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
vue+webpack实现异步组件加载的方法
2018/02/03 Javascript
JS大坑之19位数的Number型精度丢失问题详解
2019/04/22 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
jquery实现拖拽小方块效果
2020/12/10 jQuery
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
python邮件发送smtplib使用详解
2020/06/16 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
python DataFrame 取差集实例
2019/01/30 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
vscode调试django项目的方法
2020/08/06 Python
快速创建python 虚拟环境
2020/11/28 Python
River Island美国官网:英国高街时尚品牌
2018/09/04 全球购物
Stio官网:男女、儿童户外服装
2019/12/13 全球购物
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
竞争上岗演讲稿
2014/01/05 职场文书
办加油卡单位介绍信
2014/01/09 职场文书
校园公益广告语
2014/03/13 职场文书
服务承诺口号
2014/05/22 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
深入理解Vue的数据响应式
2021/05/15 Vue.js