javascript - 如何从 ui-router statechange 返回 $state.current.name

Question

当我改变 Angular 位置时，我想返回 .state('name')。

从我的 run() 它可以返回 $state 对象:

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

但是当我尝试获取$state.current时它是空对象

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

      console.log($state.current);

配置示例:

 .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

您可以监听“$stateChangeSuccess”并相应地设置状态。例如-

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