Polymer.js Data binding is not updated after setting input value with JQuery

Question

I have the following html:

<img id="avatar" src="[[avatarUrl]]" />
<input id="avatar-url" type="text" placeholder="avatar url" value="{{avatarUrl::input}}" />

And js:

avatarUrl.val( profile.avatarUrl );
avatarUrl.trigger("input");

This code is setting the input value, but polymer doesn't update img's src attribute.

I tried triggerHandler but it is also not working.

Answer 1

Maybe instead of this: value="{{avatarUrl::input}}"

you need this? value="{{avatarUrl::change}}"

Answer 2

I'm not sure but I think that your use of square brackets ([[]]) is the problem. I don't have acces to the computer so I can't check it but try to change to <img src="{{avatarUrl}}">