javascript - Polymer:使用不同 View 模型多次使用元素

Question

我想创建一个 polymer 元素并在具有不同 viewModel 的多个地方使用它

polymer 元件:

<polymer-element name="my-elem">
<template>
    <div>{{firstName}} {{lastName}}</div>
</template>

<script>
    Polymer("my-elem", {
        ready: function() {
            this.firstName = "Souvik";
            this.lastName = "Basu";
        }
    });
</script>
</polymer-element>

这可以正常工作，并在另一个 html 页面中使用时显示名称 Souvik Basu。但我不想在元素内硬编码firstName和lastName，而是想在使用此元素时显示两个人的名字:

<my-elem></my-elem>    // This should show Super Man
<my-elem></my-elem>    // This should show He Man

在使用这些元素时如何将 JavaScript 对象传递给它们？

Answer 1

只需创建两个属性即可。您不需要脚本标记

<my-elem firstName='wir' lastName='lez'></my-elem>

<polymer-element name="my-elem" attributes='firstName lastName' noscript>
    <template><div>{{firstName}} {{lastName}}</div></template>
</polymer-element>