从外部 javascript 设置 ng-model 值

【问题标题】：Set ng-model value from outside javascript从外部 javascript 设置 ng-model 值
【发布时间】：2020-04-09 08:16:51
【问题描述】：

我正在开发一个 chrome 扩展程序（暂时只对我自己），我想通过 javascript 设置使用 ngModel 的网站的输入值（绑定值：<input [(ngModel)]="value">），我不想要更改网站的代码。有可能吗？
我尝试使用 element.setAttribute("ng-reflect-model", 1234) 但没有用。

【问题讨论】：

标签： javascript angular google-chrome-extension

【解决方案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

【讨论】：

非常感谢！以及如何设置焦点以便角度可以验证输入？比如activate [disabled], (change) or [ngClass]？