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

Question

在polymer.js中，我想将函数和一些参数绑定到click事件，如下所示：

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

使用下面定义的click-func：

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

如何使上述代码有效？

谢谢！

Answer 1

这样做的一种方法是将您希望发送的值指定为通用属性，然后使用通过click / tap事件发送的发送方值来获取它。

<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但标签说dart。这个答案对聚合物JS来说很好。