Polymer动态创建元素

Question

我需要动态创建一个自定义元素。

我试过

var newElement= document.createElement('custom-element');

这是工作。但我的问题是当我想为这个元素添加属性时，将数组绑定到这个元素。 我试过了

newElement.setAttribute('data','{{data}}')

但它表示希望排列并收到＆＃39; {{data}}＆＃39;

如何将此绑定添加到动态元素？

Answer 1

我认为现在不可能，请参阅kevinpschaaf：

https://github.com/Polymer/polymer/issues/1778

  

不，我们目前不支持这个，在dom-bind之外，这是   只有后期绑定实例子项的模板实现。您   可以document.createElement（＆＃39;模板＆＃39;，＆＃39; dom-bind＆＃39;），那么你可以   动态地将带有绑定注释的子项附加到其内容，   并且只有在附加dom-bind后才会评估绑定   到文件。请参阅此处显示此用法的测试：   https://github.com/Polymer/polymer/blob/master/test/unit/dom-bind.html#L95

     

请注意，dom-bind目前不允许绑定到外部作用域，所以   它在自定义元素模板中的使用有限（它的主要用例是   用于在主文档中的元素之间进行绑定），而不是   可能会改变短期。

     

我们通过烘焙实现了很多性能优化   在注册时将绑定连接到原型中   元素（而不是在实例时间），我们还没有足够的积累   机器容易允许运行时添加/删除绑定。