Ne pouvez pas accéder à $emplacement lors de l'utilisation .méthode de contrôleur dans AngularJS

Je suis en utilisant ng-soumettre un formulaire pour envoyer des données à un Firebase, tout fonctionne comme prévu. Ce que je voudrais faire est de modifier la vue en même temps. Sur le bouton soumettre lui-même, j'ai ng-cliquez sur définir pour exécuter une fonction à l'aide de $emplacement. Si je place ma changeView fonction dans un .contrôleur de méthode, je ne peux pas utiliser $emplacement (plus précisément, il dit: "Erreur: 'undefined' n'est pas un objet (évaluation '$lieu.chemin d'accès")"). Toute aide serait super duper.

//This doesn't work and throws the error
myApp.controller('CtrlName', ['$scope', 'angularFireCollection',
    function($scope, angularFireCollection, $location) {

         $scope.changeView = function(view) {
             $location.path(view);
         }

    }
]);



//This works as expected, but I'm name spacing my functions globally and I will have to change how I'm accessing my Firebase, which isn't really desired.   
function CtrlName($scope, angularFireCollection, $location) {

    $scope.changeView = function(view) {
        $location.path(view);
    }

}

Voici mon template:

<form role="form" ng-submit="tactics.add(tactic)">
    <div class="form-group">
        <label>Select Method</label>
            <select class="form-control" ng-model="tactic.type">
                <option>Email</option>
                <option>Display</option>
            <option>SMS</option>
            <option>Print</option>
        </select>
    </div>
    <button type="submit" class="btn btn-success" ng-click="changeView('/my-tactics')">Save</button>
</form>
La recherche à ce poste deux ans plus tard, je ne peux pas croire que je faisais ça. Pour quelqu'un ramper DONC, ne pas le faire. C'est ce que les promesses sont pour. Ce que j'aurais dû faire était de tirer une fonction qui a manipulé les données et une fois terminé, puis effectuer les rediriger. Cela peut être fait avec $http, $q, ou même Firebase $save().

OriginalL'auteur Scott Sword | 2013-09-06

  1. 36

    Vous n'êtes pas d'injecter de l' $location objet dans votre contrôleur. Dans vos paramètres de fonction, mais vous avez oublié de l'ajouter à la liste avant de ladite fonction.

    myApp.controller('CtrlName', ['$scope', 'angularFireCollection','$location',
    function($scope, angularFireCollection, $location) {
        ...
    }]);
    Mec, je te jure que j'ai essayé, mais maintenant il est de travail. Merci. Bien que ce soit maintenant en train de tuer mes soumettre le formulaire. Votre réponse est correcte, donc je vais le marquer comme tel, mais je pense que la meilleure façon d'exécuter est d'obtenir loin de disposer de deux événements distincts. Refactoring...
    Content d'avoir pu aider. Votre autre problème pourrait être attribuée à l'aide de ng-submit dans votre balise de formulaire mais le ng-click dans le bouton soumettre est la prise de "priorité", parce que sa fait changement de votre chemin d'accès d'URL. Il peut ne pas l'être prend le pas mais c'est certainement la modification de votre URL/vue avant ou juste après votre formulaire de soumission.

    OriginalL'auteur m.e.conroy

  2. 4

    Aussi, n'oubliez pas d'ajouter $emplacement dans votre action:

    authControllers.controller('AuthRegisterCtrl', ['$scope', '$http', '$location',

function ($scope, $http, $location) {

    $scope.master = {};

    $scope.save = function (user) {
        $scope.master = angular.copy(user);
        $http({
            method: 'POST',
            url: '/angular/auth/register',
            data: user
        }).success(function (d) {
             $location.path('/login');

        });
    };
}]);
    Remarque: assurez-vous d'ajouter '$lieu' sur la première ligne et $localisation sur la troisième ligne. Passé environ 15 minutes parce que je l'ai raté sur la troisième ligne: function ($champ, $http, $location) {

    OriginalL'auteur Vadim

  3. 1

    Ah la vache, je ne peux pas croire que j'ai jamais fait cela. #Facepalm. Ici est la bonne façon de le rediriger sur la soumission d'un formulaire.

    Modèle

    <form role="form" ng-submit="vm.submit(tactic)">
    <div class="form-group">
        <label>Select Method</label>
            <select class="form-control" ng-model="tactic.type">
                <option>Email</option>
                <option>Display</option>
            <option>SMS</option>
            <option>Print</option>
        </select>
    </div>
    <button type="submit" class="btn btn-success">Save</button>
</form>

    Contrôleur 

    angular.module('MyApp')
  .controller('CtrlName', function($scope, $location, $log, angularFireCollection, tactics) {

  var vm = this;

  vm.submit = function submit(item) {

    tactics.add(item)
      .then(function(rsp) {
        $log.debug('Attempted to add tactic to Firebase', rsp);
        $location.path('/my-tactics');
      });

  };

  }
);

    Changements Notables:

    1. Je ne suis pas à l'aide d'annotations pour ma DI, je me décharger de ce ng-annoter, puis qui atténue toutes les questions comme celle que j'ai couru dans origine au moment de poser cette question.
    2. Je suis en utilisant le 'contrôleur' la syntaxe qui n'existait pas à l'époque de cette question.
    3. Je ne suis plus la création d'un étrange condition de course en essayant d'exécuter deux actions distinctes dans les deux fonctions distinctes de la possibilité d'un événement. Les promesses sont une solution idéale pour ce type d'action.

    OriginalL'auteur Scott Sword