如何使用$ transitions服务获取状态参数？ （新的ui路由器）

Question

我正在使用 ui-router 1.0.0-alpha.3。 旧事件are deprecated there。

所以我试图转换

  $rootScope.$on('$stateChangeStart', (event, toState) => {
    //...
  });

使用 $ transitions.onStart hook -

进行新的处理方式

  $transitions.onStart( {}, function($state, $transition$) {
      //...
  });

在这种情况下，我可以在哪里获得 toState param？

Answer 1

使用 $ transition $。$ to（）。

$transitions.onStart( {}, function($transition$) {
    //stateTo === $transition$.$to();
});

Answer 2

在新版本

中关注文档，检查Class Transition Methods，toState旧版本等于$to()

旧版本：

$scope.$on('$stateChangeSuccess', function(evt, toState, toStateParams, fromState) {
  var oldToState = toState;
}

新版本（当前为1.0.0-beta.3）：

$transitions.onSuccess({}, function($transitions){
  var newToState = $transitions.$to();
}

来自Interface HookMatchCriteria：

  

此对象用于配置是否根据转换＆＃34;到状态＆＃34;为特定转换调用转换挂钩。和＃34;来自州＆＃34;。

希望这有帮助！

Answer 3

$transitions.onSuccess({ }, function(trans) {
    stateChangeSuccessCallBack(**trans.$to().self**, trans.params('to'));
});

trans。$ to（）。self 这样可以提供$stateChangeSuccess(event, **toState**)

中的确切对象

Answer 4

$transitions.onStart({}, function(transition) {
  console.log(transition.params('to').paramname)
})