Question

在聚合物元素中，我可以绑定如下属性： <input type="text" value="{{value}}"> 但是如果我在脚本中动态创建html元素： TextInputElement newElement = new TextInputElement(); 我怎样才能实现绑定？

Answer 1

你可以看看

最近有一个类似的问题，Polymer.js有一个更简单的解决方案（Data binding for dynamically generated HTML in Polymer?），但我还没有看到类似的Polymer.dart类似的问题。
我明天会找到一些东西，现在已经很晚了......

我创建了此问题http://dartbug.com/21029 现在使用injectBoundHtml解决了这个问题。有关详细信息，另请参阅https://groups.google.com/a/dartlang.org/d/msg/web/uqri0fpGH10/dPm169WUiUwJ。

Answer 2

我使用此解决方法（聚合物0.15.5 + 4）：

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

但对我来说这似乎相当复杂，我暂时找不到更优雅的解决方案。

我感到困惑的是Günter的短语“已经使用过的表达式必须已经在某处使用，所以Smoke知道为它们生成代码。”来自Dart: Dynamic usage of polymer-ui-tabs and polymer-ui-pages does not work线程。这个时候有人可以点亮这一刻吗？

动态创建元素的数据绑定

2 个答案: