在聚合物的-*事件中发送数据

Send data in on-* event on polymer

本文关键字：数据 事件 聚合物      更新时间：2023-09-26

我遇到了一个小问题，我有一个列表，其中显示了一些信息，每个信息都有一个删除图标，类似于这样：

<template id="template" repeat="{{response}}">
                <tr>
                    <td>{{val}}</td>
                    <td>{{day}}</td>
                    <td>{{useFor}}</td>
                    <td align="right" style="padding: 0;">
                        <core-icon-button icon="icons:delete" on-click="{{showMore}}"></core-icon-button>
                    </td>
                </tr>
            </template>

我想在用户点击所选数据时发送｛｛val｝｝信息，但我不知道如何发送，我尝试了几项操作，如｛{showMore（｛{val｝）｝/on clic="｛｛showMore｝"data value="｛{val}｝"和其他操作，但目前对我无效，你有办法执行此操作吗？

提前感谢各位！

您不能，但您可以获得一个目标引用，该引用是与事件一起传递的点击元素。

<core-icon-button icon="icons:delete" on-click="{{showMore}}" some-data="{{val}}"></core-icon-button>

在事件处理程序中，您可以从target读取some-data属性，即绑定的val。（我只从Dart那里知道这一点，但我相信你会找到一个语法看起来完全一样的代码示例。）

您也可以访问templateInstance

e.target.templateInstance.model.<property>

其中CCD_ 4将是根据上述示例的CCD_。看见http://www.polymer-project.org/resources/faq.html#templateinstancemodel了解更多详细信息。

相关文章：