click.delegate for ul items in AureliaJS

Question

给定ul列表定义如下：

<ul click.delegate="onListItemClick()">
    <li repeat.for="suggestion of suggestions">
        ${suggestion.name}
    </li>
</ul>

如何将建议对象传递给 onListItemClick？我知道我可以在每个单独的li元素上放置click.delegate，然后捕获当前suggestion但这不会违背事件委托的想法吗？我的意思是 - 然后我将附加多个事件处理程序，如果是这样，我可以使用 click.trigger.我不想这样做，因为可能有大量的这些suggestion对象。

Answer 1

将单击处理程序放在 li 元素上。这就是Aurelia活动委派的重点。它允许您像这样做一些事情，而无需创建一堆事件处理程序的开销。框架只为您创建了一个事件处理程序。它委派呼叫。所有元素单击事件都将设置为相同的函数，Aurelia将处理调用您的VM方法。

这里有一个要点：https://gist.run/?id=406bf3bc73e415db7afa7d46d7e958d3

<template>
  You clicked suggestion id "${clickedId}"
  <ul>
    <li repeat.for="suggestion of suggestions" click.delegate="handleClick(suggestion)">
      ${suggestion.name}
    </li>
  </ul>
</template>