Fatal编程技术网
  • polymer/
  • Polymer 理解高分子元素中的构造器属性

Polymer 理解高分子元素中的构造器属性

polymer

Polymer 理解高分子元素中的构造器属性,polymer,Polymer,高聚物noob 我正试图根据Polymer API文档创建一个自定义元素，其中我的主页如下所示： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Polymer</title> <script src="bower_components/platform/platform.js"></sc

高聚物noob

我正试图根据Polymer API文档创建一个自定义元素，其中我的主页如下所示：

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Polymer</title>
    <script src="bower_components/platform/platform.js"></script>
    <link rel="import" href="bower_components/polymer/polymer.html">
  </head>
  <body>
    <div id="test"></div>
    <polymer-element name="book-template" constructor="BookTemplate" noscript>
      <template>
        <style>
          h1 { color: orange; }
        </style>

        <h1>Hello from some-foo</h1>

      </template>
    </polymer-element>
  </body>
</html>


聚合物
h1{颜色：橙色；}
你好，来自某个foo
我知道，如果我只是将
放在页面上，或者在
标记中执行类似操作，页面内容将呈现：

  <script>
    var book = document.createElement('book-template');
    document.getElementById('test').appendChild(book);
  </script>


var book=document.createElement（'book-template'）；
document.getElementById（'test'）.appendChild（book）；
但是我试图利用元素的constructor属性，假设它将在
中的某个位置创建元素：


var book=newbooktemplate（）；
…但获取未定义BookTemplate（）的控制台消息

我相信这很简单…有什么想法吗？提前感谢。

我想您必须等待，以便构造函数可以在全局
窗口中使用
对象：



document.addEventListener（'polymer-ready'，function（）{
var book=newbooktemplate（）；
如果（书）{
console.log（'Ok'）；
}
});

这是否在文档中的某个地方？我唯一看到的是：

<script>
  var book = new BookTemplate();
</script>