Ember.js 单击时在导航链接旁边显示微调器

假设我的导航中有几个链接：

...
{{#linkTo 'projects.trending' tagName="li"}}
    <a href="#" {{bindAttr href="view.href"}}> Trending projects</a>
{{/linkTo}}
{{#linkTo 'projects.all' tagName="li"}}
    <a href="#" {{bindAttr href="view.href"}}> All projects</a>
{{/linkTo}}
...

。。。
{{{#linkTo'projects.trending'tagName=“li”}
{{/linkTo}
{{{#linkTo'projects.all'tagName=“li”}
{{/linkTo}
...

当我单击其中一个链接时，它将通过Ajax获取数据并转到该路径。但是有时候获取数据需要一些时间，所以我想展示一个微调器。我目前已经在页面顶部有一个全局微调器。在单击的导航链接旁边显示一个微调器会很酷，这样用户就可以看到当前正在加载的页面

---

实现此功能的最佳/最简单方法是什么？

您可以在默认情况下隐藏的每个导航链接旁边放置一个跨距，并包含微调器。然后单击，显示跨度。ajax完成后隐藏所有事件。

据我所知，linkTo助手没有事件。“a”有事件，“li”也有事件