In Polymer sometimes you need to access the data item bound to a DOM element inside a dom-repeat template. A common use case is when the user interacts with the element (like click/hover) and you need to display additional properties of the element.
The way to do that is using the dom-repeat template method itemForElement.
JS Bin on jsbin.com
- Remember that the itemForElement method belongs to the dom-repeat template
- If you need to use itemForElement for initialisation, make sure the template contents are already in the DOM. You can use the “dom-change” event that the template fires when it has updated the DOM.