前言:在使用Angularjs时候,可能还是会使用一些jQuery等插件,或者其他javascript插件。这个时候最常见的问题就是: 使用插件进行赋值后,angularjs进行的双向绑定不生效,js修改了表单值却不在model中更新 。。[一脸懵逼]。。
问题: 前段时间也遇到了使用时间插件时候对时间表单绑定数据失效的问题,并尝试多种方法解决
原因:
出现问题自然首先想到的肯定是检查代码无误,然后确定是日期插件(纯JS插件)修改了input的表单值但是未触发Angularjs的dirtyCheck机制,没有使用$apply()刷新双向绑定的数据,表单看到的数据和model真实数据是不一样的。
解决:
结合自己的思路并上网查资料总结如下
1、我想的是修改源码来触发刷新机制(源码是压缩滴看的挺累),通过封装指令来实现刷新但是太麻烦还类似打补丁不利于后期维护,放弃;
2、网上说在表单添加 onchange="" 等 以及 参考$( '#Username' ).val( _username ).trigger( 'change' ); 都是以触发来实现刷新 (原理似乎可行,但都不生效呢);
3、
setInterval(function () { $scope.$apply(function () { $scope.dailyParams.starttime = document.getElementById('starttime').value; $scope.dailyParams.endtime = document.getElementById('endtime').value; }); }, 500);
这样,不需要复杂的思路和源码修改,直截了当的定时 $apply() 刷新数据即可;
(总觉得不是最优解,有好建议的朋友欢迎拍砖)
原文链接: http://zl378837964.iteye.com/blog/2324468
相关推荐
NULL 博文链接:https://bijian1013.iteye.com/blog/2110609
way.js是一个简单的,轻量级的,持续的,framework-agnostic JavaScript库,允许您将DOM元素绑定到一个内存数据中存储。浏览器要求ie9以上版本,演示地址:http://www.jq22.com/jquery-info546
AngularJS1.5.8和Jquery3.2.1 JS文件 enenenenenenenenenen
city-picker,jquery-ztree,jquery-ocupload,jquery-cookie,kindeditor,angularJS
jQuery.my 这个插件用于实时双向数据绑定。它发生变异给出的数据源对象,反映了用户与用户界面之间的相互作用。jQuery.my 提供了全面的验证,条件格式,复杂的依赖关系,运行形式结构操作。 标签:jQuery
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织...JQuery插件orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js orgchart.js ...
jquery.validate插件remote规则相同值不验证的问题解决办法.方法绝对有效
NULL 博文链接:https://bijian1013.iteye.com/blog/2110611
jquery-ui 很酷炫的js插件 效果
FullscreenGalleryThumbnailFlip.zip FullPageImageGallery.zip MergingImageBoxes.zip buildinternet-mosaic-ef45e11.zip woothemes-FlexSlider-23b22ac.zip jcobb-basic-jquery-slider-...等47个jQuery图片特效插件
一款基于jQuery车牌输入插件,网上找到的,自己用着挺好的,分享给大家!
jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...
jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 ...
a jquery Plus for javascript to DataBind Template HTML Render 模板引擎
jquery分步操作插件step.js,代码注释全修改方便,网上基本链接都已经崩掉了,无法访问,幸亏本地有备份文件,这次放上来以供大家使用
绑定动态数据的jquery下拉框插件 绑定动态数据的jquery下拉框插件
一款使用jquery结合swiper.js来制作的手机端带农历的万年历插件。该万年历类似百度的万年历,带有农历日期。用户可以通过类似iphone的滚轮来选择不同的的日期。
angular+jquery+bootstrap后台模板, 分别用angularjs和jquery完成。
jQuery城市级联插件 jQuery城市级联插件 jQuery城市级联插件