emberjs - Markieren eines aktiven Menüelements mithilfe der Routerinfrastruktur

Ich versuche, Navigationsregisterkarten zu erstellen (entnommen ausTwitter 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>

Die aktive Registerkarte ist mit markiertclass="active".

Es gibt ein großartiges Beispiel für eine statische Navigationsleiste und eine Router / Outlet-Funktion unterhttp://jsfiddle.net/schawaska/pfbva/, aber ich kann nicht verstehen, wie man eine dynamische Navigations- / Menü- / Tab-Ansicht erstellt.

Soweit ich weiß, ist es möglich, Klassenbindungen in jedem Menüpunkt zu verwenden:

 classNameBindings: ['isActive:active']

Aber wo ist der richtige Ort, um isActive-Attribute zu wechseln?

Antworten auf die Frage(15)

Ihre Antwort auf die Frage