Как изменить идентификатор элемента динамически в полимере?

Question

У меня есть шаблон, включающий dom-repeat в нем. Для повторения каждого элемента мне нужно изменить ID. Как я могу сделать это простым способом. И я использую этот идентификатор в document.querySelector для получения элемента.

 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

Чтобы привязать к атрибуту вместо этого использовать имя атрибута, а затем $: