Wie erkenne ich den aktuellen Zustand innerhalb der Direktive

Question

Ich benutze AngularUI's Routing und ich möchte eine ng-class="{active: current.state}" tun, aber ich bin mir nicht sicher, wie man den aktuellen Zustand in einer Direktive genau feststellen kann.

Answer 1

Sie können auch ui-sref aktive Direktive verwenden:

In Ihrer Klasse Beispiel, würden Sie etwas tun "stateName" | isState & "stateName" | includedByState

Answer 2

prüfen Winkel-ui aus, insbesondere Route Prüfung: http://angular-ui.github.io/ui-utils/

Answer 3

Update:

Diese Antwort war für eine viel ältere Version von Ui-Router. Für die neueren Releases (0.2.5+) verwenden Sie bitte die Helfer-Direktive ui-sref-active. Details here.

---

Ursprüngliche Antwort:

Fügen Sie den $ Staatsdienst in der Steuerung. Sie können diesen Service einer Eigenschaft in Ihrem Bereich zuweisen.

Ein Beispiel:

$scope.$state = $state; 

dann den aktuellen Zustand in den Vorlagen zu erhalten:

$state.current.name 

Um zu überprüfen, ob ein Zustandsstrom aktiv ist:

kehrt

$state.includes('stateName'); 

Diese Methode true, wenn der Status enthalten ist, auch wenn es Teil eines verschachtelten Status ist. Wenn Sie sich in einem verschachtelten Zustand befinden, user.details, und Sie auf $state.includes('user') überprüft haben, wird der Wert true zurückgegeben.

<ul> 
    <li ui-sref-active="active" class="item"> 
    <a href ui-sref="app.user({user: 'bilbobaggins'})">@bilbobaggins</a> 
    </li> 
    <!-- ... --> 
</ul> 

oder Filter:

ng-class="{active: $state.includes('stateName')}" 

Answer 4

Wenn Sie den UI-Router verwenden, versuchen Sie $ state.is();

Sie können es wie so verwenden:

$state.is('stateName');

Documentation

Answer 5

Die Verwendung von ui-sref aktiven-Direktive, die für mich gearbeitet wurde:

<li ui-sref-active="{'active': 'admin'}"> 
    <a ui-sref="admin.users">Administration Panel</a> 
</li> 

als gefunden here unter dem Kommentar mit der Aufschrift "tgrant59 am 31. Mai 2016 kommentiert".

Ich benutze angular-ui-Router v0.3.1.