聚合物 - 如何用绑定创建元素

Question

我需要创建具有绑定属性的聚合物自定义元素。

<foo-bar baz="{{qux}}"></foo-bar> 

没关系。 但它必须动态创建（tagName作为属性传递）。我试试这个

Polymer({ 
    ready: function() { 
     var element = document.createElement(this.tagName); 
     element.setAttribute('baz', '{{qux}}'); 
     this.$.placeholder.appendChild(element); 
    } 
}); 

但它不起作用。我怎样才能做到这一点？

Answer 1

你可以用injectBoundHTML()做到这一点：

<div id="container"></div> 

... 

this.injectBoundHTML('<foo-bar baz="{{qux}}"></foo-bar>', this.$.container); 

它没有记载，但更多的信息是在这里：https://github.com/Polymer/docs/issues/607