0

別の要素をクリックしたときに、Polymer 要素をどのようにインスタンス化できるのか疑問に思っています。Dock-iconからwindow-baseをインスタンス化する方法はありますか? （コードダウン）。すべての要素にあるコンストラクターを使用できますが、これがどのように機能するかわかりません。そのコンストラクターに変数を渡すにはどうすればよいですか。

関連する 2 つの要素のコード:

<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>

ありがとう

4

1 に答える 1

4

これは次のように簡単です。

var el = document.createElement('window-base');
el.name = 'some name';
于 2014-05-19T20:53:58.180 に答える