如何将控制器操作绑定到单击或悬停的链接？

Question

我遇到了将操作绑定到链接的问题。当我创建一个简单的链接（只有＆＃34;文本＆＃34;参考）时，我能够将动作发送到控制器，它就像一个魅力。

另一方面，当我想在悬停和活动状态下突出显示我的花元素时，我无法执行此操作 - ＆gt;当我有一个文本（如前面的情况）和图片的相应部分在悬停和点击时突出显示（在这种情况下是纯SASS）。

这是我的hbs代码：

<div id="flowers-list">
 <ul class="flowers">
  <li class="flower1">
    <a href="#/" {{action "selectFlower" "rose"}}>Rose</a>
  </li>
 </ul>
</div>

你能不能给我一个如何处理这个问题的提示？

我已尝试在我的链接中添加on=click，但它没有帮助。

Answer 1

要在悬停时执行此操作，只需将其更改为：

{{action "selectFlower" "rose" on="mouseEnter"}}