使用Angularjs强制“软”更新字段

发布时间：2020-12-17 17:30:51 所属栏目：安全来源：网络整理

导读：我有一个应用程序,称之为“表单填充程序”,它与许多很多站点一起使用 Jquery来自动更新字段. 伪代码：将Jquery注入网页发现所需的表格. 更新值,例如, $(document).ready(function) { $('#id').val("some value");} 我有一个新客户正在使用Angularjs,这个模

我有一个应用程序,称之为“表单填充程序”,它与许多很多站点一起使用 Jquery来自动更新字段.

伪代码：

>将Jquery注入网页
>发现所需的表格.
>更新值,例如,

$(document).ready(function) {
   $('#id').val("some value");
}

我有一个新客户正在使用Angularjs,这个模型因为$scope显然正在“带外”更新而崩溃.我无法访问第三方来源进行更改,所以我想知道是否可能获得jQuery更新来触发Angularjs更新？

解决方法

您可以使用 angular.element()来获取范围和 ngModelController：

var value = 'theNewValue';
var el = angular.element($('#name'));

el.scope().$apply(function(){
  el.val(value);
  el.controller('ngModel').$setViewValue(el.val());
});

这是一个简单的例子：http://plnkr.co/edit/OJQQmanwQoFQSgECuqal?p=preview

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!