jak zwrócić wartość $ state.current.name ze statystyka interfejsu użytkownika

Question

Chciałbym zwrócić .state('name'), gdy zmienię lokalizację w kanciastą.

z mojego run() może zwrócić przedmiot $state:

.run(function($rootScope, Analytics, $location, $stateParams, $state) { 
     console.log($state); 

ale gdy próbuję dostać $state.current jest pusty obiekt

.run(function($rootScope, $location, $stateParams, $state) { 

     console.log($state.current); 

przykład config:

.config(function($stateProvider, $urlRouterProvider, AnalyticsProvider) { 
     $urlRouterProvider.otherwise('/'); 
     $stateProvider 
     .state('home', { 
      url: '/', 
      views: { 
       '': { 
       templateUrl: 'views/main.html', 
       controller: 'MainCtrl' 
       }, 
       'navigation@home': { 
       templateUrl: 'views/partials/navigation.html', 
       controller: 'NavigationCtrl' 
       }, 
       'weekly@home': { 
       templateUrl: 'views/partials/weekly.html', 
       controller: 'WeeklyCtrl' 
       }, 
       'sidepanel@home': { 
       templateUrl: 'views/partials/side-panel.html', 
       controller: 'SidePanelCtrl' 
       }, 
       'shoppanel@home': { 
       templateUrl: 'views/partials/shop-panel.html', 
       controller: 'ShopPanelCtrl' 
       }, 
       'footer@home': { 
       templateUrl: 'views/partials/footer.html', 
       controller: 'FooterCtrl' 
       } 
      } 
      }) 

Answer 1

Można słuchać '$ stateChangeSuccess' i ustawić stan accrodingly. Na przykład -

$rootScope.$on('$stateChangeSuccess', 
    function(event, toState, toParams, fromState, fromParams) { 
    $state.current = toState; 
    } 
) 

Answer 2

Jako alternatywa dla rozwiązania Sandeep, można również zrobić to w ten sposób:

angular.module('yourApp').run(['$rootScope', '$state', 
    function ($rootScope, $state) { 
     $rootScope.$state = $state; 
    } 
]); 

robi to w ten sposób, że jedynie pobiera ustawiony raz zamiast na każdy stateChange. Zasadniczo po prostu przechowujesz odniesienie do stanu $ gdzieś - wybrałem $ rootScope, aby ten przykład był prosty.

Teraz w moim kodu można łatwo odwołać to lubią:

<div ng-show="$state.includes('accounting.dashboard')"></div> 

i

<div>Current State: {{$state.current.name}}</div> 

ja też ogólnie przechowywać $ stateParams jak dobrze, więc mam jeszcze więcej informacji o stanie (ale zostawiłem to z tego przykładu).

Answer 3

Możesz także spróbować.

.controller('yourApp', function($scope,$state) { 
    $scope.state = $state; 

Teraz możesz zalogować się do konsoli.

console.log($state); 

Należy zwrócić aktualny stan jesteś w.

Albo można nazwać zakres w html widzenia tak.

{{state.current.name}} 

Zwróci również stan, w którym się znajdujesz.

Answer 4

Jeśli chcesz się pocieszyć swój stan w sterowniku to należy pocieszyć tak:

console.log($state.current.name); 

A jeśli chcesz się pocieszyć go w widokach następnie:

W sterowniku:

$scope.state = $state.current.name; 

W szablonie: drukuj w ten sposób:

{{state}}