emberjs - como marcar um item de menu ativo usando a infraestrutura do roteador
Estou tentando criar guias de navegação (tiradas deTwitter 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>
A guia ativa é marcada comclass="active"
.
Há um ótimo exemplo de recurso de navbar estática e roteador / saídahttp://jsfiddle.net/schawaska/pfbva/, mas não consigo entender como criar uma exibição dinâmica de barra de navegação / menu / guia.
Tanto quanto eu entendo, é possível usar ligações de classe em cada item de menu:
classNameBindings: ['isActive:active']
Mas onde é o lugar certo para mudar os atributos isActive?