polymer-3.x - 如何在聚合物 3.x 中将值传递给点击事件的函数？

Question

我正在循环一组对象。例如，每个对象都有名称和地址。在点击事件上，我想将点击的名称发送给函数。例子：on-click="myFunc('[[item.name]]')"

我当前的代码：

static get template() {
  ...
  <template is="dom-repeat" items="[[users]]">
      <a name="[[item.name]]" on-click="myFunc">[[item.name]]</a>
  </template>
}

myFunc(name) {
  console.log('Clicked name is ', name);
}

如何在函数中获取被点击的名字myFunc？？

Answer 1

最简单的方法是使用API：

当您在 dom-repeat 模板中添加声明性事件处理程序时，转发器会为发送到侦听器的每个事件添加一个模型属性。模型对象包含用于生成模板实例的范围数据，因此项目数据为model.item

使用该信息，您可以使用

myFunc(event) {
  const name = event.model.item.name;
  console.log('Clicked name is', name);
}