解决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+FSO遍历文件夹下文件并显示
Mar 07 Javascript
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
通过一段代码简单说js中的this的使用
Jul 23 Javascript
js游戏人物上下左右跑步效果代码分享
Aug 28 Javascript
温习Javascript基础语法之词法结构
May 31 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
Sep 04 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
Jul 31 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
vue配置接口域名方法总结
May 12 Javascript
微信小程序中为什么使用var that=this
Aug 27 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
Jul 27 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和AJAX创建RSS聚合器的代码
2007/03/13 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
Javascript中的return作用及javascript return关键字用法详解
2015/11/05 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
微信小程序实现消息框弹出动画
2020/04/18 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
简单了解JavaScript弹窗实现代码
2020/05/07 Javascript
python使用range函数计算一组数和的方法
2015/05/07 Python
python实现判断数组是否包含指定元素的方法
2015/07/15 Python
python类中super()和__init__()的区别
2016/10/18 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
对python append 与浅拷贝的实例讲解
2018/05/04 Python
Python2与Python3的区别实例总结
2019/04/17 Python
Python 日期的转换及计算的具体使用详解
2020/01/16 Python
django admin 添加自定义链接方式
2020/03/11 Python
python3从网络摄像机解析mjpeg http流的示例
2020/11/13 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
机电一体化应届生求职信范文
2014/01/24 职场文书
通信研究生自荐信
2014/02/01 职场文书
自荐信怎么写
2015/03/04 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript