使用jQuery设置输入值后更新Angular2模型 [英] Update Angular2 model after setting input value with jQuery

问题描述

我在表单控制下有一个输入，试图通过chrome调试控制台进行手动修改.

I have an input under form control, im trying to modify manually with the chrome debug console.

jQuery($0).trigger('focus')
jQuery($0).val('2')
jQuery($0).trigger('input')
jQuery($0).trigger('change')
jQuery($0).trigger('blur')

未更改问题，该字段仍标记为必填项.我不知道在内部做角或监听哪个事件.
我尝试在该输入上发送每个事件，
关于如何使角度取那个值有任何想法吗?

Issue is changed doesn't get picked, the field is still marked as required. I dont know what angular is doing internally or which event its listenning to.
I tried to send every event on that input,
any idea on how to make angular to take that value ?

注意:这里的angular1问题不起作用

推荐答案

也许以后会有所帮助，但是在使用带有bubble = true cancelable = true的本地事件时可以使用

Maybe this will help someone later but it works when using native event with 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模型的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！