javascript - 从外部 javascript 设置 ng-model 值

Question

我正在开发一个 chrome 扩展(目前只是给我自己)，我想通过 javascript 设置使用 ngModel 的网站的输入值(绑定(bind)值: <input [(ngModel)]="value"> )，但我不想更改网站的代码。有可能吗？
我尝试使用 element.setAttribute("ng-reflect-model", 1234) 但没有成功。

Answer 1

更新输入值后，您需要调度输入事件来触发 ngModel 更新。

let input = document.someDOMFunctionToSelectInput();
input.value = 'updated value';
input.dispatchEvent(new Event('input', { 'bubbles': true, 'cancelable': false }));

这是一个 StackBlitz，其按钮位于 Angular 应用程序之外 https://stackblitz.com/edit/angular-6ksgn4