Data binding for a dynamically created item

In the polymer element, I can bind a property like this: <input type="text" value="{{value}}">

But if I create the html element dynamically in the script: TextInputElement newElement = new TextInputElement();

How can I achieve the binding?


source to share

2 answers

You can watch

there was a similar question in Polymer.js with a simpler solution ( Data binding for dynamically generated HTML in Polymer? ), but I haven't seen anything similar for Polymer.dart yet.
I'll try to find something tomorrow, it's already quite late ...

I created this issue http://dartbug.com/21029 It has now been fixed with injectBoundHtml

. See https://groups.google.com/a/dartlang.org/d/msg/web/uqri0fpGH10/dPm169WUiUwJ for details .



I am using this workaround (polymer 0.15.5 + 4):

var template = new TemplateElement()
..setInnerHtml("<p>Reversed: {{ reversed }}</p>");
var fragment = this.instanceTemplate(template);


But it seems rather complicated to me and I haven't found a more elegant solution yet.

I'm confused by Gunther's phrase "The expressions used must already be used somewhere, so Smoke knows how to generate code for them." from Dart: dynamic use of polymer ui-tabs and polymer-ui pages doesn't work . Could anyone on this thread spark this point?



All Articles