角度ui路由器：在解析中获取toState的$ state信息

Question

更新 ：从开始，这应该在angular-ui-
router中是可能的1.0.0alpha0。请参阅发行说明https://github.com/angular-ui/ui-
router/releases/tag/1.0.0alpha0
和问题https://github.com/angular-ui/ui-
router/issues/1018 I创建。

在解决问题时，我想访问该应用导航到使用角度ui路由器的状态名称和其他属性。

原因：在允许应用进入该页面之前，我想异步加载一些用户数据（包括其访问权限）。

目前这是不可能的，因为将$ state注入到resolve会指向您要导航离开的表单的状态，而不是您要导航到的状态。

我知道我可以：

• 使用$ rootScope（’$ stateChangeStart’）获取toState并将其保存在我的设置服务中。但我认为这有点混乱。
• 将状态硬编码到解析中，但是我不想在所有页面上重复使用解析

我还在ui-router github上创建了一个问题（如果您有兴趣，请加1！）：https : //github.com/angular-ui/ui-
router/issues/1018

到目前为止，这是我的html" target="_blank">代码。任何帮助表示赞赏！

.config(function($stateProvider) {

    $stateProvider.state('somePage', {
        // ..
        resolve: {
            userData: function($stateParams, $state, Settings) {
                return Settings.getUserData() // load user data asynchronously
                    .then(function (userData) {
                        console.log($stateParams);
                        console.log($state);
                        // Problem: $state still points to the state you're navigating away from
                    });
            }
        }
    });
});

Answer 1

Ui-Router 1.x的更新

$provide.decorator('$state', ($delegate, $transitions) => {
    $transitions.onStart({}, (trans) => {
      $delegate.toParams = trans.params()
      $delegate.next = trans.to().name
    })
    return $delegate
  })

UI路由器0.x

您可以随时$state使用next和toParams属性进行装饰：

angular.config(function($provide) {
  $provide.decorator('$state', function($delegate, $rootScope) {
    $rootScope.$on('$stateChangeStart', function(event, state, params) {
      $delegate.next = state;
      $delegate.toParams = params;
    });
    return $delegate;
  });
});

并这样使用：

.state('myState', {
    url: '/something/{id}',
    resolve: {
        oneThing: function($state) {
            console.log($state.toParams, $state.next);
        }
    }
});