Comment transmettre des paramètres aux contrôleurs dans UI-Router ?

Passer des paramètres aux contrôleurs dans UI-Router

Dans UI-Router, vous pouvez utiliser la directive ui-sref pour naviguer entre les états et transmettre les paramètres à leurs contrôleurs. Pour ce faire, suivez ces étapes :

Définissez les paramètres dans la configuration de l'état :

Modifiez la définition de votre état pour inclure les paramètres attendus dans l'URL :

.state('home', {
  url: '/:foo?bar', // Include parameters in the URL path
  ...
});

Accès aux paramètres dans le contrôleur :

Dans le contrôleur, vous pouvez accéder aux paramètres transmis via le service $stateParams. Assurez-vous d'utiliser $stateParams au lieu de $stateParam.

app.controller('SomeController', function($scope, $stateParams) {
  var foo = $stateParams.foo;
  var bar = $stateParams.bar;
});     

Exemple :

Considérez la définition d'état suivante :

.state('home', {
  url: '/',
  params: {
    foo: {
      value: 'fooVal',
      squash: false,
    },
  },
  ...
});

Dans ce Dans ce cas, vous pouvez transmettre des paramètres à l'état d'origine à l'aide de UI-SREF :

<a ui-sref="home({foo: 'customVal'})">Go to home state</a>

Options supplémentaires à l'aide de params :

Vous pouvez configurer des paramètres personnalisés à l'aide de l'objet params dans la définition de l'état, notamment :

• valeur : spécifiez une valeur par défaut.
• array : traite le paramètre comme un tableau.
• squash : contrôle la façon dont les valeurs par défaut sont représentés dans l'URL.

Conclusion :

En suivant ces étapes, vous pouvez transmettre avec succès des paramètres aux contrôleurs dans UI-Router à l'aide de ui-sref et accédez-y en utilisant $stateParams.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!