Jak wykryć bieżący stan w dyrektywie

Question

Używam routingu AngularUI i chciałbym zrobić ng-class="{active: current.state}", ale nie jestem pewien, jak dokładnie wykryć obecny stan w dyrektywie takiej jak ta.

Answer 1

Również można użyć ui-sref aktywną dyrektywy:

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

lub filtrów: "stateName" | isState & "stateName" | includedByState

Answer 2

Wyjazd kątową-ui konkretnie sprawdzanie trasy: http://angular-ui.github.io/ui-utils/

Answer 3

Aktualizacja:

Ta odpowiedź była na o wiele starszego wydania Ui-Router. W przypadku nowszych wersji (0.2.5+), użyj dyrektywy pomocniczej ui-sref-active. Szczegóły here.

---

Original Odpowiedź:

Dołącz Państwowej Służby dolarów w kontrolerze. Możesz przypisać tę usługę do właściwości w swoim zasięgu.

Przykład:

$scope.$state = $state; 

Następnie, aby uzyskać aktualny stan w szablonach:

$state.current.name 

Aby sprawdzić, czy stan jest obecny aktywny:

$state.includes('stateName'); 

Ta metoda zwraca true, jeśli stan jest zawarty, nawet jeśli jest częścią zagnieżdżonego stanu. Jeśli byłeś w stanie zagnieżdżonym, user.details, a sprawdziłeś pod kątem $state.includes('user'), zwróciłaby ona wartość true.

W przykładzie klasy, można by zrobić coś takiego:

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

Answer 4

Jeśli używasz ui-routera, spróbuj $ state.is();

Można go używać tak:

$state.is('stateName');

Documentation

Answer 5

Zastosowanie ui-sref aktywnego dyrektywy że pracował dla mnie było:

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

jako znaleziono here pod komentarzem oznaczonym "tgrant59 skomentował 31 maja 2016 r.".

Używam routera kątowego v0.3.1.