在 polymer.js 中如何将参数传递给函数？

Question

在polymer.js中，我想把函数和一些参数都绑定到一个点击事件上，像这样：

<template repeat="{{i in List}}">
<button on-click="{{click-func(i)}}">
</template>

点击函数定义如下：

click-func: function(i){
   do something; 
}

如何使上面的代码生效？

谢谢！

Answer 1

一种方法是将您希望发送的值分配为通用属性，并使用通过点击/点击事件发送的发送者值来获取它。

<template repeat="{{i in List}}">
  <button on-click="{{click-func}}" dataItem="{{i}}">
</template>

函数

click-func: function(event, detail, sender){
  var dataItem = sender.attributes.dataItem.value;
  // do something with dataItem; 
}

编辑：有点混乱的标题说 JS 但标签说飞镖。这个答案对聚合物 JS 很好。

In polymer.js how to pass argument to a function?