Javascript 聚合物:从另一个元素实例聚合物元素

Javascript 聚合物:从另一个元素实例聚合物元素,javascript,polymer,shadowbox,web-component,Javascript,Polymer,Shadowbox,Web Component,我想知道,当我点击另一个元素时,我如何才能实例一个聚合物元素。有没有一种方法可以从dock图标中引用window base?(代码关闭)。我想我可以使用每个元素的构造函数,但我不知道它是如何工作的。如何将变量传递给该构造函数 涉及的两个要素的代码: <polymer-element name="dock-icon" attributes="name" on-click="{{click}}"> <template> <link rel="stylesheet

我想知道,当我点击另一个元素时,我如何才能实例一个聚合物元素。有没有一种方法可以从dock图标中引用window base?(代码关闭)。我想我可以使用每个元素的构造函数,但我不知道它是如何工作的。如何将变量传递给该构造函数

涉及的两个要素的代码:

<polymer-element name="dock-icon" attributes="name" on-click="{{click}}">
<template>
    <link rel="stylesheet" href="dock-icon.css">
</template>
<script>
    Polymer('dock-icon', {
        name: "",
        click: function (event, detail, sender) {
            alert(this.name);
            //instance <window-base> and pass name parameter
        }
    });
</script>

聚合物(“dock-icon”{
姓名:“,
单击:功能(事件、详细信息、发件人){
警报(此名称);
//实例和传递名称参数
}
});

必须实例化的聚合元素

<polymer-element name="window-base" attributes="name height width left top">
<template>
    <link rel="stylesheet" href="window-base.css">
    <div id="box">
        <header id="header"><h2>{{name}}</h2></header>
    </div>
</template>
<script>
    Polymer('window-base', {
        name: "name",
        //more stuff here
    });
</script>

{{name}}
聚合物(“窗基”{
姓名:“姓名”,
//这里有更多的东西
});


谢谢

这应该很简单,因为:

var el = document.createElement('window-base');
el.name = 'some name';

这应该很简单,因为:

var el = document.createElement('window-base');
el.name = 'some name';

我终于找到了解决问题的方法,所以我将在这里发布我所做的事情,以防有人从中受益。我最终使用纯javascript的方式来实例化一个元素<代码>代码var container=document.getElementsByTagName(“窗口容器”)[0];var window=document.createElement(“窗口基”);setAttribute(“name”,this.name);container.appendChild(窗口)<代码>代码我终于找到了解决问题的方法,所以我将在这里发布我所做的事情,以防有人从中受益。我最终使用纯javascript的方式来实例化一个元素<代码>代码var container=document.getElementsByTagName(“窗口容器”)[0];var window=document.createElement(“窗口基”);setAttribute(“name”,this.name);container.appendChild(窗口)<代码>代码谢谢!几天前我发现这是可能的。我应该在这里发布解决方案。谢谢!几天前我发现这是可能的。我应该在这里发布解决方案。