解决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 相关文章推荐
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
vue打包相关细节整理(小结)
Sep 28 Javascript
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
Sep 05 Javascript
javascript 构建模块化开发过程解析
Sep 11 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 Javascript
vue实现简单学生信息管理
May 30 Javascript
vue基于Echarts的拖拽数据可视化功能实现
Dec 04 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模块memcache和memcached区别分析
2011/06/14 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
移动节点的jquery代码
2014/01/13 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
2015/12/02 Javascript
第一次接触神奇的Bootstrap菜单和导航
2016/08/01 Javascript
js中new一个对象的过程
2017/02/20 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
Django objects.all()、objects.get()与objects.filter()之间的区别介绍
2017/06/12 Python
python实现Floyd算法
2018/01/03 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
Python爬虫框架scrapy实现的文件下载功能示例
2018/08/04 Python
Django实现网页分页功能
2019/10/31 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
电子狗项圈:eDog Australia
2019/12/04 全球购物
JAVA代码查错题
2014/10/10 面试题
如何撰写一封出色的求职信
2014/04/27 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书
给老婆的检讨书
2015/01/27 职场文书
投资合作意向书范本
2015/05/08 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
老干部座谈会主持词
2015/07/03 职场文书
学生会干部任命书
2015/09/21 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书