Question

我想多次使用这些内容，但是会有不同的安排。简单地将所有内容子节点复制到每个事件中（如此处所示：Polymer Duplicate Element Content）将无法解决问题，并且我不能将querySelector用于ID，因为每个内容子节点应该被复制到多个元件。

的index.html：

...
<body>
    <my-list>
        <div class="first">This is first.</div>
        <div class="second">This is second.</div>
        <div class="third">This is third.</div>
    </my-list>
</body>

所以我想要my-list.html这样的东西，但我不知道如何选择没有ID的元素：

<dom-module id="my-list">
    <template>
        <div>
            <div class="first"></div>
            <div class="second"></div>
            <div class="third"></div>
        </div>
        <div> <!-- same elements, different layout -->
            <div class="second"></div>
            <div class="third"></div>
            <div class="first"></div>
        </div>
    </template>
</dom-module>

<script>
    Polymer({
        is: "my-list",
        domReady: function() {
            // copy each content child node into the divs with the same class
        }
    });
</script>

页面上没有互动，所以我不关心数据绑定。

Answer 1

您可以使用Polymer.dom（节点）。一个例子是

Polymer.dom(this).querySelector('.first');

如何在不使用ID的情况下选择Polymer中的节点？

1 个答案: