Ember.js：将activeclass赋值给匹配当前路由的元素

Question

使用 Ember，我想呈现一组不可点击的面包屑导航元素。例如，作为三步流程的一部分，我想向用户展示他们正在进行的步骤。像这样：

Step 1 | Step 2 | Step 3

我希望当前活动的步骤上有一个 active class。我可以通过做这样的事情来完成：

{{#link-to "step1" tagName="div"}}Step 1{{/link-to}}

不过，这种方法的问题是 Step 1 变得可点击（即点击它会导致过渡到路由），我不希望它是可点击的。有什么方法可以使用 Ember 的内置机制实现这一目标？

Answer 1

我知道你问的是 Ember 机制，但我认为在 javascript 中这样做没有意义，如果你在 css 中可以很容易地做到这一点：

.step.active {
  pointer-events: none;
  cursor: default;
}

Ember.js: assign active class to element that matches the current route