Javascript 通过chrome扩展修改视图不会'；不要改变它'；angular2应用程序中的s模型

我正在为一个基于angular2的网站开发一个chrome扩展。当我尝试在输入字段中插入一些值时，它不会改变它的

模型

。我不知道为什么angular2没有检测到变化。请指导我怎么做

Angular2文本字段代码如下

<input type="text" class="form-control" name="username" [(ngModel)]="model.username" #username="ngModel" required />

---

它在视图中注入值，但模型仍然为空

您需要调度一个

'change'

事件或使用document.execCommand.。我尝试了document.execCommand，它对文本字段和文本区域工作正常，但对select元素不起作用。请建议使用我评论中的第一个建议。它与element.dispatchEvent（新事件（“更改”））一起工作；感谢您需要发送一个

'change'

事件或使用document.execCommand，。我尝试了document.execCommand，它对文本字段和文本区域工作正常，但对select元素不起作用。请建议使用我评论中的第一个建议。它与element.dispatchEvent（新事件（“更改”））一起工作；谢谢

$('input[name="username"]').val("abcd");