如何在polymer-3.x中的click事件中将值传递给函数?

时间:2018-09-05 11:49:13

标签: polymer-3.x

我正在循环对象数组。例如,每个对象都有名称和地址。在单击事件中,我想将单击的名称发送给函数。 示例: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中获得点击的名称?

1 个答案:

答案 0 :(得分:1)

最简单的方法是使用API

  

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

使用该信息,您可以使用

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