javascript - 使用 getElementById 更新 html 输入并使用 AngularJs 进行过滤

我正在使用通过外部 Js 文件更改的 html 输入。输入字段用于过滤表列表。

基本上我有: JavaScript

<script>
document.getElementById('search').value = returnCountry("China");
</script>

HTML

<input type="text" id="search" ng-model="query">

因此，当 JavaScript 运行时，它会填充输入字段，但 Angular 没有发现正在进行的更改并且没有进行过滤。如果您键入或粘贴过滤器，过滤器将正常工作。

最佳答案

尝试在您的 javascript 末尾执行以下操作以强制调用 onChange 事件。

var event = document.createEvent("HTMLEvents");
event.initEvent("change",true,false);
document.getElementById("search").dispatchEvent(event)

关于javascript - 使用 getElementById 更新 html 输入并使用 AngularJs 进行过滤，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23224740/