Trigger a model update from view in Angularjs

Question

If the view (e.g the value in a text input) is changed by an external javascript, it will not be reflected in the model.

How can I trigger a model update (to read back all binding values from the view).

P.S: for some reasons, manually setting the model value is not an option for me, I just need to call the same function that is called when user is typing in the text box.

Do you have any control over the external script that changes the value? — tasseKATT
– tasseKATT, Commented Mar 30, 2014 at 9:30
Actually, yes, but as the project will gradually expand, I don't like to impose artificial constraints/guidlines for javascripts: just plug in whatever suits you and we'll all be happy. — Alireza
– Alireza, Commented Mar 30, 2014 at 9:40

tasseKATT · Accepted Answer · 2014-03-30 10:28:37Z

2

If you are changing the value of an element, for example input, that uses ng-model it should suffice to trigger the element's 'change' event.

jQuery:

$('#input').val('new value').trigger('change');

No jQuery:

var input = document.querySelector('#input');
input.value = 'new value';

var event = document.createEvent('HTMLEvents');
event.initEvent('change', true, false);
input.dispatchEvent(event);

Demo: http://plnkr.co/edit/IFb8OmegaGAAniy9ttn5?p=preview

answered Mar 30, 2014 at 10:28

tasseKATT

38.5k8 gold badges87 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Trigger a model update from view in Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related