gpt4 book ai didi

polymer - 了解 Polymer 元素中的构造函数属性

转载 作者:行者123 更新时间:2023-12-05 01:04:04 28 4
gpt4 key购买 nike

polymer 菜鸟...

我正在尝试根据 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>

我知道如果我只输入 <book-template></book-template> 页面内容就会呈现在页面上,或者如果我在 <body> 里面做这样的事情标签:
  <script>
var book = document.createElement('book-template');
document.getElementById('test').appendChild(book);
</script>

但是我正在尝试利用元素的构造函数属性,假设这将在放置在 <body> 内的某处时创建元素。 :
<script>
var book = new BookTemplate();
</script>

...但是收到一条没有定义 BookTemplate() 的控制台消息。

我确定这很简单……有什么想法吗?提前致谢。

最佳答案

我想你必须等待 polymer-ready event ,以便构造函数在全局 window 中可用对象 http://jsbin.com/kosuf/2/edit?html,console,output :

<script>
document.addEventListener('polymer-ready',function() {
var book = new BookTemplate();
if (book) {
console.log('Ok');
}
});
</script>

关于polymer - 了解 Polymer 元素中的构造函数属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23830497/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com