我正在尝试为dom-repeat标记的元素设置鼠标事件。该事件应该触发dom-repeat模板中不同元素的样式更改,基本上只是盒子悬停在框中图标的颜色更改。
由于自动节点查找不适用于动态节点,因此文档说我应该使用$$选择器。
但是,$$只返回本地DOM中与选择器匹配的第一个节点,我想要dom-repeat标记的所有框的悬停效果。
由于$$选择了一个元素的属性,这让我觉得我需要为dom-repeat中的图标设置动态属性,以便我可以在鼠标事件更改函数中选择每个重复的图标实例。
转发器为我提供了索引,但是如何使用它设置动态属性而不是动态值?
我错过了什么?
答案 0 :(得分:1)
这应该做你想要的:
var nodes = Polymer.dom(this.root).querySelectorAll(...)
如果修改DOM,则可能需要对要修改的各个节点使用Polymer.dom(...)
API。
Polymer.dom(nodes[i])...