解决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 异常处理使用总结
Jun 21 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
javascript中的正则表达式使用详解
Aug 30 Javascript
Extjs4.0 ComboBox如何实现三级联动
May 11 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
Jul 22 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
vue项目中使用tinymce编辑器的步骤详解
Sep 11 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
Nov 04 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
截获网站title标签之家内容的例子
2006/10/09 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
php使用pdo连接mssql server数据库实例
2014/12/25 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
Yii框架参数配置文件params用法实例分析
2019/09/11 PHP
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
2010/06/10 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
2013/06/17 Javascript
js语法学习之判断一个对象是否为数组
2014/05/13 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
jQuery中[attribute*=value]选择器用法实例
2014/12/31 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
2015/01/13 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
Form表单按回车自动提交表单的实现方法
2016/11/18 Javascript
微信小程序引入VANT组件的方法步骤
2019/09/19 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
python通过正则查找微博@(at)用户的方法
2015/03/13 Python
Python实现修改文件内容的方法分析
2018/03/25 Python
荷兰皇家航空公司中国官网:KLM中国
2017/12/13 全球购物
三个Unix的命令面试题
2015/04/12 面试题
电气个人求职信范文
2014/02/04 职场文书
餐厅筹备计划书
2014/04/25 职场文书
爱岗敬业演讲稿
2014/05/05 职场文书
垃圾分类的活动方案
2014/08/15 职场文书
三峡人家导游词
2015/01/31 职场文书
幼儿园辞职信范文
2015/02/27 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
入伍通知书
2015/04/23 职场文书
烛光里的微笑观后感
2015/06/17 职场文书
升学宴学生致辞
2015/09/29 职场文书
python实现三次密码验证的示例
2021/04/29 Python
MySQL如何构建数据表索引
2021/05/13 MySQL
深入理解Vue的数据响应式
2021/05/15 Vue.js