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?