2016-06-20 7 views
1

Ich erhalte diese Fehlermeldung:Winkel ui Tabs aktiv basierend auf ui-Router Zustand

Error: [$compile:nonassign] Expression '$state.current.name==='admin.adminDetails'' used with directive 'tab' is non-assignable! 

Der Versuch, Tabs zu aktivieren basiert weg von url:

<tabset direction="right" class="tabbable"> 
    <tab heading="Details" ui-sref="admin.details" active="$state.current.name === 'admin.details'"> 
     <div ui-view="adminDetails"></div> 
    </tab> 
    <tab heading="Resources" ui-sref="admin.resources" active="$state.current.name==='admin.resources'"> 
     <div ui-view="adminResources"></div> 
    </tab> 
</tabset> 

Ich mache es auf diese Weise Wenn die URL also "/ admin/resources" lautet, wird die Registerkarte auf der Registerkarte "Ressourcen" geöffnet und die Details werden angezeigt.

Haben Sie Einblick in diesen Fehler?

+0

Hallo! Sollte es nicht ** uib-tabset ** und ** uib-tab ** sein, anstatt nur _tabset_ und _tab_? Wenn Sie angular-ui-bootstrap verwenden, erwartet das aktive Attribut eine Zahl, keinen booleschen Wert. – Skaparate

+0

ich bin auf Version 0.13. – Garuuk

Antwort

0

Sie könnten versuchen, ui-sref-active="active" anstatt og active zu verwenden. Dies wendet die Klasse "active" auf das Element an.

Sollte zusammen mit ui-sref verwendet werden. Docs