我想知道当我点击另一个元素时如何实例化 polymer 元素。有没有办法从dock-icon实例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>
必须实例化的 polymer 元素
<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>
谢谢
最佳答案
这应该很简单:
var el = document.createElement('window-base');
el.name = 'some name';
关于javascript - polymer :来自另一个元素的实例 polymer 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23636236/