解决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
js中使用replace方法完成某个字符的转换
Aug 20 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
Angularjs 实现一个幻灯片示例代码
Sep 08 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
Dec 18 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
canvas轨迹回放功能实现
Dec 20 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
Feb 08 Javascript
用Vue编写抽象组件的方法
May 06 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新手上路(九)
2006/10/09 PHP
PHP中的类-什么叫类
2006/11/20 PHP
PHP mcrypt可逆加密算法分析
2011/07/19 PHP
php中hashtable实现示例分享
2014/02/13 PHP
PHP时间类完整代码实例
2021/02/26 PHP
如何将JS的变量值传递给ASP变量
2012/12/10 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
js倒计时抢购实例
2015/12/20 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
BootStrap selectpicker
2016/06/20 Javascript
Jquery把获取到的input值转换成json
2017/05/15 jQuery
jQuery EasyUI window窗口使用实例代码
2017/12/25 jQuery
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
python单例模式实例分析
2015/04/08 Python
Python中使用hashlib模块处理算法的教程
2015/04/28 Python
python中将字典形式的数据循环插入Excel
2018/01/16 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
python:动态路由的Flask程序代码
2019/11/22 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
优秀教师的感人事迹
2014/02/04 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
汽车促销活动方案
2014/03/31 职场文书
一岗双责责任书
2014/04/15 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
谢师宴答谢词
2015/01/05 职场文书
质检员岗位职责
2015/02/03 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android
搭建Yolov5服务器
2022/04/30 Servers