emberjs：根据当前路由添加活动的css类进行链接

Question

我使用的是Ember版本1.8。当用户在该路线中时，是否有人知道如何自动突出显示菜单链接。请帮助。我看到很少有Stack溢出帖子。但他们看起来很老，不适合我

我在把手模板中有以下菜单

    <ul class="nav navbar-nav">
                <li>
                {{#link-to 'posts'}}Posts{{/link-to}}
                </li>
                <li>
                {{#link-to 'comments'}}Comments{{/link-to}}
                </li>
            </ul>

router.js看起来像

   this.resource('post', { path: 'posts/:post_id'},function(){
            this.resource('comments', { path: '/comments' });

    });

Answer 1

Ember会自动为当前正在访问的路由添加一类active。您可以定义css中的内容，例如：

.active {
  background: yellow;
}

剩下的就是......

查看有效的演示here