ポリマーの中で要素のIDを動的に変更するにはどうすればいいですか？

Question

dom-repeatを含むテンプレートがあります。 IDを変更する必要があるすべてのアイテムを繰り返します。 簡単な方法でどうすればいいですか？ そして、このIDをdocument.querySelectorで使用して要素を取得しています。

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

私はこのようなIDを使用しています。

そして私はchildR1、childR2、......

Answer 1

使用$=などのIDさんは、属性をバインドします。

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

あなたは$続く属性名の使用、代わりに属性にバインドするには

hereそれについて

を読むことができます：

を