gpt4 book ai didi

javascript - 从 JS 实例化 Web 组件

转载 作者:行者123 更新时间:2023-11-30 12:46:58 24 4
gpt4 key购买 nike

我正在尝试直接从 Javascript 实例化 Web 组件,但系统找不到公共(public)构造函数。我将举一个简单的例子来展示上下文和结果:

HTML 模板:

<polymer-element name="wc-foo" constructor="Foo" noscript>
<template>
Hello World!
</template>
</polymer-element>

HTML 索引:

<html>
<head>
<script src="general/scripts/polymer/polymer.min.js"></script>
<link rel="import" href="...">
</head>

<body>
</body>

<script>
console.log (window); // (1)
console.log (window.Foo); // (2)
var foo = new Foo (); // (3)
</script>

</html>

控制台结果:

(1) 我检查了 window 对象,它包含构造函数 Foo: function (){return f(a)}(2) 我不知道是什么,但 window.Foo 返回 undefined(3) ...因此,new Foo() 失败:Uncaught ReferenceError: Foo is not defined

有人可以帮助我了解问题所在吗?谢谢。

最佳答案

您需要等待 polymer-ready 事件触发以确保 Polymer 已完成设置:

document.addEventListener('polymer-ready', function() {
console.log (window.Foo); // (2)
var foo = new Foo (); // (3)
console.log(foo)
});

演示:http://jsbin.com/dabaloso/1/edit

关于javascript - 从 JS 实例化 Web 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22212120/

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