从Chrome扩展程序更改角度字段的值

Question

我正在尝试使用jQuery设置有角页面的表单字段。这是chrome扩展程序的一部分，因此我知道在应用程序内部执行此操作是一种不好的做法，但我只想创建一个简单的自动填充机器人，即可自动为我填充字段。

输入字段如下：

<div _ngcontent-c13="" class="info-input">
    <div _ngcontent-c13="" class="info-input-wrap">
        <i _ngcontent-c13="" class="icon-small"></i>
        <input _ngcontent-c13="" class="form-control ng-pristine ng-valid ng-touched" required="" type="number">
    </div>
</div>

我可以更改网站上显示的值，如下所示：

$('.info-input input').value = 11;

但是当我提交表单时，它将不是11，而是字段为该字段预设的任何值。

我有点理解发生了什么，但是我从未使用Angular作为框架。我尝试了此处介绍的其他方法，例如在元素上使用.trigger('change')，但没有任何效果，chrome控制台告诉我元素上没有方法trigger。