Comment faire pour extraire les paramètres de la requête avec l'interface utilisateur du routeur pour AngularJS?

Comment puis-je extraire les paramètres de la requête à l'aide de l'interface utilisateur du routeur pour AngularJS?

Dans AngularJS propres $location service que j'ai fait:

($localisation.recherche()).uid

pour extraire le paramètre uid à partir d'une URL. Qu'est-ce que le code correspondant de l'interface utilisateur du routeur?

Est-ce à l'aide de stackoverflow.com/questions/11758079/...
Merci, mais non. Cette réponse concerne Angulaire intégré dans le routage. Je suis l'aide de l'interface utilisateur du routeur (lien ci-dessus) pour imbriquée de routage.

InformationsquelleAutor Per Quested Aronsson | 2013-09-27

55

Sauf si vous êtes de liaison pour les paramètres de la requête (voir la documentation), vous n'avez pas accès directement à travers $state ou $stateParams. Utiliser le $location service.

EDIT: Par les docs, si vous voulez capturer les paramètres de la requête dans $stateParams, vous pouvez ajouter un ? à votre url, et le nom de chaque paramètre de requête, séparés par &, c'est à dire url: "/foo?bar&baz".
- Merci pour la clarification. Je n'étais pas sûr si c'était la voie à suivre.
- Abele comment voulez-vous lier aux paramètres de requête. Dans mon cas, je suis en train de construire un point de vue qui permet de filtrer un tableau d'enregistrements, de sorte que l'utilisateur saisit une valeur dans un champ de texte, cette valeur doit être un paramètre de requête, de sorte que les résultats du filtre peuvent être liés.
- Où faut-il dire dans les docs de ne pas utiliser $état.params?
- Les docs dire seulement ce pour ne, pas ce que pas pour le faire.
- Mise à jour de ma réponse, pour répondre à votre question.
- Maintenant, si je ne n'avez pas un patron pour mon chaînes de requête, mais encore à la récolte de données? Comme si vous aviez une URL avec le même modèle d'un OData d'appel avec des filtres et tel?
InformationsquelleAutor Nate Abele
99

Voir les paramètres de la requête de la section de la Le routage d'URL de documentation.
Vous pouvez également spécifier des paramètres comme paramètres de requête, à la suite d'un '?':
```
url: "/contacts?myParam"
//will match to url of "/contacts?myParam=value"
```
Pour cet exemple, si l'url est /contacts?myParam=value alors la valeur de $state.params sera:
```
{ myParam: 'value' }
```
- Pour les paramètres de la requête que vous avez vraiment utiliser $state.params comme il est écrit dans la réponse. Pas $stateParams que j'ai utilisé et n'a pas de travail.
- Cela devrait être accepté comme réponse.
- lorsque j'ai utilisé l'url: "/verifyMail?nom d'utilisateur" j'ai reçu $état.params avec une valeur vide
- même chose que @AnushaNilapu...c'était avant, mais sa ne fonctionne plus pour moi
- vous avez fait ma journée
- le ci-dessus fonctionne également avec UI-Router 1.0
InformationsquelleAutor thisgeek
9

de l'interface utilisateur, le routeur ne fait pas de distinction entre les différents types de paramètres dans une url comme le $service de localisation ne.

Dans vos contrôleurs, vous pouvez utiliser le $stateParams service pour obtenir l'accès à tous les différents types de paramètres dans l'url.

ci-dessous est un exemple de l'interface utilisateur-routeur wiki:
```
//Then you navigated your browser to:
'/users/123/details/default/0?from=there&to=here'

//Your $stateParams object would be
{ id:'123', type:'default', repeat:'0', from:'there', to:'here' }
```
Si dans votre cas, afin de trouver l'uid param suffit d'utiliser:
```
$scope.uid = $stateParams.uid
```
InformationsquelleAutor SStanley

Vous devez également définir les paramètres de la requête dans $stateProvider par exemple

state('new-qs', {
  url: '/new?portfolioId&param1&param2',
  templateUrl: 'new.html',
  controller: function($scope, $stateParams) {
     $scope.portfolioId = $stateParams.portfolioId;
     $scope.param1 = $stateParams.param1;
     $scope.param2 = $stateParams.param2;
  }
})

comme expliquer par benfoster.io

Merci pour la réponse! Ce qu'il est corrigé pour moi 🙂

InformationsquelleAutor fredtma

2

Vous pouvez obtenir à partir de $stateParams , mais dans ce cas, vous devez déclarer la variable de requête dans la route ainsi.

déclarer en route comme -
```
url: '/path?name'
```
pour obtenir le nom de contrôleur injecter $stateParams ,
et de les utiliser comme

$stateParams.name

InformationsquelleAutor Partha Roy
0

Pour les versions récentes d'AngularJS et de l'interface utilisateur du routeur je pense que vous pouvez simplement utiliser $state pour accéder à la params:
```
$state.params[<PARAMETER_NAME>]
```
où dans app.js vous avez défini l'état comme suit:
```
.state('app.name', {
    url: '/:some_param_id',
    templateUrl: '/templates/home.html'
})
```
InformationsquelleAutor JohnAndrews

Vous devez vous connecter pour publier un commentaire.