ember.js - emberjs - 如何使用路由器基础设施标记事件菜单项

Question

我正在尝试创建导航选项卡(取自 Twitter Bootstrap ):

<ul class="nav nav-tabs">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Profile</a></li>
    <li><a href="#">Messages</a></li>
</ul>

事件选项卡用 class="active" 标记。

http://jsfiddle.net/schawaska/pfbva/ 有一个很好的静态导航栏和路由器/ socket 功能的示例。 ， 但 我不明白如何创建动态导航栏/菜单/选项卡 View 。

据我了解，可以在每个菜单项中使用类绑定(bind):

 classNameBindings: ['isActive:active']

但是切换 isActive 属性的正确位置在哪里？

Answer 1

Ember 1.11+:

{{#link-to "dashboard" tagName="li"}}
  <a href="{{view.href}}">Dashboard</a>
{{/link-to}}

Ember < 1.11(需要 bind-attr):

{{#link-to "dashboard" tagName="li"}}
  <a {{bind-attr href="view.href"}}>Dashboard</a>
{{/link-to}}