解决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高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 Javascript
高效的jquery数字滚动特效
Dec 17 Javascript
jQuery 生成svg矢量二维码
Aug 09 Javascript
vue-cli webpack 开发环境跨域详解
May 18 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
浅谈angular4 ng-content 中隐藏的内容
Aug 18 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
微信小程序实现日历效果
Dec 28 Javascript
vue-cli在 history模式下的配置详解
Nov 26 Javascript
JavaScript编码小技巧分享
Sep 17 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开发环境配置记录
2011/01/14 PHP
调整PHP的性能
2013/10/30 PHP
PHP7 新增常量
2021/03/09 PHP
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
JavaScript之自定义类型
2012/05/04 Javascript
javascript 使td内容不换行不撑开
2012/11/29 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
javascript实现简单的页面右下角提示信息框
2015/07/31 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
详解Node.Js如何处理post数据
2016/09/19 Javascript
jQuery的deferred对象使用详解
2016/09/25 Javascript
vue动态生成dom并且自动绑定事件
2017/04/19 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
使用rollup打包JS的方法步骤
2018/12/05 Javascript
[02:16]DOTA2超级联赛专访Burning 逆袭需要抓住机会
2013/06/24 DOTA
Python实现螺旋矩阵的填充算法示例
2017/12/28 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
在Python 字典中一键对应多个值的实例
2019/02/03 Python
python写入文件自动换行问题的方法
2019/07/05 Python
python批量图片处理简单示例
2019/08/06 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
Python使用tkinter制作在线翻译软件
2021/02/22 Python
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
注塑工厂厂长岗位职责
2013/12/02 职场文书
毕业设计计划书
2014/01/09 职场文书
学生打架检讨书大全
2014/01/23 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
社区党建工作汇报材料
2014/10/27 职场文书
婚礼家长致辞
2015/07/27 职场文书
Java实现房屋出租系统详解
2021/10/05 Java/Android