$etat, $stateParams, l'obtention d'objet non défini

J'obtiens des résultats inattendus à partir de deux méthodes.

J'ai mon $état configed

    $stateProvider
                .state('status', {
                  url: "/status/:payment",
                  controller: 'QuestCtrl',
                  templateUrl: "index.html"
                });

Et sur le Contrôleur, j'ai:

    angular.module('quest').controller('QuestCtrl',function($scope,$stateParams,$state){

     console.log($stateParams.payment); //undefined

     console.log($state); //Object {params: Object, current: Object, $current: extend, transition: null}

}

J'ai déjà utilisé $stateParams dans d'autres projets, et cela a fonctionné, mais maintenant je ne peux pas comprendre ce qui se passe ici..

regardez commande vous avez oublié $http 😛 ['$champ d'application",'$http', '$stateParams','$'etat', function($champ,$http,$stateParams,$etat)
Quelle est l'URL dans la barre d'adresse du navigateur?
Les gars, il est tellement gêné, mais j'ai essayé d'ajouter $stateParams juste pour obtenir un supplément de params donc j'ai oublié d'ajouter <ui-view> mon html. Alors maintenant, je suis en utilisant le $lieu au lieu - simple. Désolé les gars.. et merci pour les réponses @jb-nizet, @ squiroid, @ thomas-weglinski

OriginalL'auteur Gabriel Lopes | 2015-06-20

  1. 4
            ['$scope','$stateParams','$state',
function($scope,  $http,          $stateParams, $state)

    Les noms des services ne correspondent pas avec les variables.

    Donc $http est en fait le $stateParams service, $stateParams est en fait le $service de l'état, et de l'état n'est pas défini.

    Mon conseil: arrêtez d'utiliser cette notation de tableau, ce qui encombre le code et est une source fréquente de bugs. Au lieu de cela, utilisez ng-annoter dans le cadre de la procédure de construction, qui va le faire, correctement, pour vous.

    Je altready a commenté 🙂
    Je vais jeter un oeil sur ng-annoter, merci pour l'astuce! bien que je fixe l'ordre et j'ai toujours le même résultat.
    Modifier votre question et ajouter une section contenant le nouveau code.

    OriginalL'auteur JB Nizet

  2. 4

    Comme je l'ai déjà dit ci-dessus, Vous avez oublié d'injecter $service http

    angular.module('quest').controller('QuestCtrl',
['$scope','$http','$stateParams','$state',function($scope,$http,$stateParams,$state){

 console.log($stateParams); //Empty Object
 console.log($stateParams.payment); //Empty Object

 console.log($state); //I get the entire state, I can see that my params are there.

console.log($state.params);
}

    Afin que vos paramètres d'incompatibilité et il s'avère que vous obtiendrez $l'état $stateparms et $état est vide.
    Et $http maintenez $état 😛

    Espère que cela aide 🙂

    Je fixe l'ordre, mais je reçois toujours le même résultat. Je ne savais pas que l'ordre des questions sur les Contrôleurs puisque vous êtes le déclarer avant.
    Hey, pouvez-vous reproduire sur plunker ?

    OriginalL'auteur squiroid

  3. 1

    Avec la ng-annotation de bibliothèque, le contrôleur peut également être lancé comme ceci:

    angular.module('quest')
    .controller('QuestCtrl', function ($scope,$http,$stateParams,$state) {

});

    Dans ce cas, vous éviter des problèmes avec l'injection des objets de la commande. Regardez: https://github.com/olov/ng-annotate

    Si vous construisez votre application avec Grunt, utilisation: grunt-ng-annotate paquet.

    OriginalL'auteur Thomas Weglinski

  4. 0

    Appel 'ngInject'
    constructeur($champ, $réactif, $stateParams, $etat, $sec) {
    'ngInject'

    OriginalL'auteur Piyush Dhomne

  5. 0

    Paramètre manquant dans routes.js

    Mon exemple:

      .state('menu.cadastroDisplay', {
    url: '/page9',
    views: {
      'side-menu21': {
        templateUrl: 'templates/cadastroDisplay.html',
        controller: 'cadastroDisplayCtrl'
      }
    },
    params: { 'display': {} }
  })

    Sans cette params dans les routes de l' $stateParams.yourParam renvoie toujours pas défini.

    OriginalL'auteur MarceloBarbosa