使用 jQuery 设置输入值后更新 Angular2 模型

Question

我在表单控制下有一个输入，我正在尝试使用 chrome 调试控制台手动修改。

jQuery([=11=]).trigger('focus')
jQuery([=11=]).val('2')
jQuery([=11=]).trigger('input')
jQuery([=11=]).trigger('change')
jQuery([=11=]).trigger('blur')

问题已更改未被选中，该字段仍标记为必填。我不知道 angular 在内部做什么或正在监听哪个事件。
我试图在该输入上发送每个事件，
关于如何使 angular 取该值的任何想法？

注意：angular1 question here doesn't work

Answer 1

也许这对以后的人有帮助，但它在使用带有 bubbles=true cancelable=true 的本地事件时有效

function modifyValue(field, value) {
  var createEvent = function(name) {
    var event = document.createEvent('Event');
    event.initEvent(name, true, true);
    return event;
  }

  field.dispatchEvent(createEvent('focus'));
  jQuery(field).val(value);
  field.dispatchEvent(createEvent('change'));
  field.dispatchEvent(createEvent('input'));
  field.dispatchEvent(createEvent('blur'));
}

使用 jQuery 设置输入值后更新 Angular2 模型

Update Angular2 model after setting input value with jQuery

jquery

angular2-forms

angular