Polymer 将事件绑定到模板中的元素重复

Polymer 将事件绑定到模板中的元素重复,polymer,Polymer,是否可以从中获取将/已渲染的元素 我有一个名为poly list的组件,实现如下: <poly-list dataList="{{ data.in }}" id="inList" style="overflow: hidden; min-width: 324px; display: inline-block;"> <template>

是否可以从
中获取将/已渲染的元素

我有一个名为poly list的组件,实现如下:

<poly-list dataList="{{ data.in }}" id="inList"
                           style="overflow: hidden; min-width: 324px; display: inline-block;">
                    <template>
                        <div> <!-- on-click event here -->
                            <paper-input-no-error value="{{ [0] }}"
                                                  class="in-paper-input"
                                                  on-change="{{ inChanged }}" id="0"></paper-input-no-error>

                            <paper-input-no-error value="{{ [1] }}"
                                                  class="in-paper-input"
                                                  placeholder="Value" id="1"></paper-input-no-error>
                        </div>
                    </template>
                </poly-list>
我需要一种方法来获取模板将放入DOM中的每个元素。我需要这样做,以便向呈现的每个组件添加事件侦听器。我还希望将其封装在我的多边形列表组件中,这样实现多边形列表的组件就不需要设置事件本身

我需要将事件添加到模板repeat中的顶层元素。在本例中,它是div。我在上面代码中注释了我的意思。事件冒泡可以工作,但不会被重用,因为我不知道元素中触发事件的原因是什么,因此不可能说顶级元素始终是上面的一个父元素,如上面的示例所示


是否有一个事件会在渲染时返回每个元素或类似的内容

您不能只使用Polymer的声明性事件绑定吗

<poly-list ...>
  <template>
    <div on-click="{{ clickHandler }}">
      <paper-input-no-error ...></paper-input-no-error>

      <paper-input-no-error ...></paper-input-no-error>
    </div>
  </template>
</poly-list>

(使用外部元素原型上名为
clickHandler
的方法)

关于冒泡,可能有某种方法可以让它工作。

“是否可以从模板重复中获取将/已呈现的元素?”

是,但仅在模板重复完成后。然后,您可以通过自动节点查找来选择元素:此$


这里有一个示例:

我不希望用户在定义多边形列表时必须定义单击事件。我希望它是处理内部的多边形列表。
<poly-list ...>
  <template>
    <div on-click="{{ clickHandler }}">
      <paper-input-no-error ...></paper-input-no-error>

      <paper-input-no-error ...></paper-input-no-error>
    </div>
  </template>
</poly-list>