如何以编程方式创建Polymer元素的实例?

时间:2015-01-17 08:51:36

标签: polymer

请参考这个JSBin,基本上我想在其父元素范围内创建一个元素的实例。想知道我该怎么做?

如果可能,是否有声明性方法来执行此操作?

感谢。

PS。请仅在Chrome中打开链接。

2 个答案:

答案 0 :(得分:4)

有几种实例化方法和元素。

声明:

<my-element>

JS:

document.createElement('my-element');

构造函数(如果找到的话):

new MyElement();

请参阅http://www.html5rocks.com/en/tutorials/webcomponents/customelements/#instantiating

答案 1 :(得分:3)

我相信您正在寻找constructor(请参阅here)属性。

您需要将其包含在聚合物元素声明中。

<polymer-element name="p-paper" 
                 attributes="content" 
                 constructor="Paper"
                 noscript>

然后您可以像这样创建元素的实例 -

  // How to create an instance of <p-paper> here?  
  var paper = new Paper();