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?

questionAnswers(15)

yourAnswerToTheQuestion