如何使用 angular.element 而不是 jQuery?

Posted

技术标签:

【中文标题】如何使用 angular.element 而不是 jQuery?【英文标题】:How can I use angular.element instead of jQuery? 【发布时间】:2020-04-30 10:23:47 【问题描述】:

如何在这段代码中使用angular.element 而不是 jQuery ($)?

<form style="display: none" action="! $page.FormMigrateDownload" method="POST" id="jsonDownloadForm">
  <input type="hidden" id="appFormJsonData" name="appFormJsonData" value="" />
  <input type="hidden" id="jsonFileName" name="jsonFileName" value="" />
</form>
$scope.download = function(form) 
  $("#appFormJsonData").val(JSON.stringify(form));
  $("#jsonFileName").val('"TX-' + form.Name + '.json"');
  $("#jsonDownloadForm").submit();
;

【问题讨论】:

【参考方案1】:

你可以用喜欢

> angular.element('#appFormJsonData').val(); OR
> angular.element('#appFormJsonData')[0].value;

【讨论】:

【参考方案2】:

您好,欢迎使用 ***

angular.element 只是jQuery(或jqLite,如果您没有安装 jQuery)的包装器,因此您可以像使用 jQuery 一样使用它。

在 AngularJS 的 API docs 中阅读更多内容

【讨论】:

以上是关于如何使用 angular.element 而不是 jQuery?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vue 中使用 angular.element()

$ timeout立即运行,而不是等待超时

使用 Angular 材质按钮时更新 Angular Element Ref 损坏

如何以编程方式打开选择

Angular Element

Phonegap/Angular - angular.element().scope() 不工作