Ember.js:将活动类分配给与当前路由匹配的元素

时间:2015-03-26 16:39:51

标签: templates ember.js handlebars.js

使用Ember,我想渲染一组不可点击的痕迹痕迹元素。例如,我想向用户显示他们在3步骤过程中所处的步骤。像这样:

Step 1 | Step 2 | Step 3

我希望当前有效的步骤可以获得active课程。我可以通过这样做来实现这一目标:

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

这种方法的问题是,Step 1变得可点击(即点击它会导致转换到路由),我不希望它是可点击的。有没有办法用Ember的内置机制来实现这个目标?

1 个答案:

答案 0 :(得分:2)

我知道你在询问Ember机制,但是我没有看到在javascript中这样做的一点,如果你能在css中这么简单:

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