Angular中Jquery修改input的值之后如何更新Model
2017-04-14 11:00
507 查看
在开发
通过手动触发
angular程序中,有时候会用到
jquery来修改
input值,比如在做输入限制的时候,当复制粘贴字符到
input框之后,需要对值进行改变再放入到
input中。此时需要同步更新
input上的
ng-model。注意不要使用
scope.$apply(),因为这个是
model改变之后来更新
view的。下面来看下具体方法。
function handlePaste(e) { e.preventDefault(); var maxLength = $(this).attr('maxlength'); var clipboardData = ''; //IE if (window.clipboardData) { clipboardData = window.clipboardData.getData("Text"); } else { clipboardData = e.originalEvent.clipboardData.getData("Text"); } clipboardData = clipboardData.replace(/["\*\/\\\?<>:\|]/g, ''); if (null != maxLength && maxLength > 0) { $(this).val(clipboardData.substr(0, parseInt(maxLength))); } else { $(this).val(clipboardData); } $(this).trigger('input'); // Use for Chrome/Firefox/Edge $(this).trigger('change'); // Use for Chrome/Firefox/Edge + IE11 }
通过手动触发
input和
change事件来使model发生改变
$(this).trigger('input'); // Use for Chrome/Firefox/Edge $(this).trigger('change'); // Use for Chrome/Firefox/Edge + IE11
相关文章推荐
- 在jquery事件中修改Angular的model
- SSDT修改Dynamics AX SSAS Cube之后如何更新到AOT
- Yii学习笔记(十):修改数据表中的字段后如何更新model中的字段
- [转]jquery 点击表格变为input可以修改无刷新更新数据
- yii2.0之-模型中attributeLabels()函数的作用 和修改数据表中的字段后如何更新model中的字段
- jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格
- Jquery input valeu 改变 AngularJS ng-model 值同步 值改变
- angularjs select标签使用ng-repeat标签之后,ng-model无法更新问题解决
- angular应用,一个input上有自定义directive和ng-model,怎么在directive更新input的value时更新model
- 使用jquery-combobox实现select下拉框多选之后,如何将下拉框的值传给input隐藏域
- jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格
- jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格
- angularjs 在指令中通过dom修改input 的Value值同时更新model
- 如何使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
- jQuery插件-通用input或textarea靜態ajax修改功能插件
- 安装Ubuntu8.04之后,如何更新中文语言包
- 与服务器同步数据时,如何做到只更新被修改数据?如何节约流量,
- sql 修改表结构 视图如何更新
- 用datasource来绑定gridview如何进行修改,更新,删除
- 【技术贴】VB资源替换器 getvbres 0.9修改资源后如何保存exe更新