Question

我有一个包含dom-repeat的模板。对于重复的每件物品，我需要更改ID。我怎么能用简单的方法做到这一点。我在document.querySelector中使用此ID来获取元素。

       onCount: function () {
       var child = document.querySelector("#child");
       var adult = document.querySelector("#adult")
       }

我正在使用ID这样的东西。

我希望ID像childR1，childR2，......

Answer 1

使用$=绑定属性。

<template is="dom-repeat" items="{{items}}" index-as="index">
    <div id$="{{getId(index)}}"></div>
</template>
.
.
getId: function(index) {
  return "childR"+index;
}

您可以阅读here

要绑定到属性，请使用属性名称后跟$：

如何在聚合物中动态更改元素的ID？

1 个答案: