web-dev-qa-db-fra.com

Comment se rendre à State param avec le service $ transitions? (nouveau routeur ui)

J'utilise ui-router1.0.0-alpha.3 . Les anciens événements sont déconseillés là .

alors j'essaie de convertir 

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

à une nouvelle façon de faire les choses avec $ transitions.onStart hook - 

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

où pourrais-je obtenir toState param dans ce cas?

javascriptangularjsangular-ui-router
12
Stepan Suvorov

Utilisez $ transition $. $ À () pour cela.

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

Suivre les documents, vérifier Méthodes de transition de classe , toState dans l'ancienne version égal à $to() dans la nouvelle version

Ancienne version:

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

Nouvelle version (la version actuelle est 1.0.0-beta.3):

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

De Interface HookMatchCriteria :

Cet objet est utilisé pour configurer si un point d'ancrage de transition est appelé ou non pour une transition particulière, en fonction des paramètres "to state" et "from state" de la transition.

J'espère que cette aide!

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

trans. $ to (). self Ceci donne l'objet exact comme dans $stateChangeSuccess(event, **toState**)

1
DhiyanEswar Uday
$transitions.onStart({}, function(transition) {
  console.log(transition.params('to').paramname)
})
0
MMM