[英]Polymer: Instance polymer element from another element
我想知道當我單擊另一個元素時如何實例化 Polymer元素。 有沒有一種方法可以從Dock-icon實例化基於窗口的窗口 ? (向下編碼)。 我雖然可以使用每個元素都具有的構造函數,但無法弄清楚它是如何工作的。 我如何將變量傳遞給該構造函數。
涉及兩個元素的代碼:
<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-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';
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.