AngularJs: contrôleur est appelé à deux reprises par l'utilisation de $routeProvider

Module de voies:

var switchModule = angular.module('switchModule', []);

switchModule.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/build-content', {templateUrl: 'build-content.html', controller: BuildInfoController});
}]);

Contrôleur:

function BuildInfoController($http, $scope){
    alert("hello");
}

Html:

<html ng-app="switchModule">
...
<body>
    <ul>
        <li><a href="#build-content"/></a></li>
    </ul>
    <div class="ng-view"></div>
</body>
...

À chaque fois quand je clique sur le lien hypertexte ", le "BuildInfoController" sera appelé deux fois. Suis-je manqué quelque chose?

  • N'build-content.html ont `ng-controller="BuildInfoController"? Si oui, essayez de le retirer.
  • Pas une ng-controller comme vous l'avez dit. De toute façon, merci beaucoup. J'ai déjà réparé en utilisant camus de la solution.
  • double possible de la Lutte contre AngularJS l'exécution de contrôleur de deux fois
  • Je vais avoir un problème similaire, mais dans mon cas, le contrôleur est déclenché uniquement sur la page d'actualisation. Si je naviguez jusqu'à la page à partir d'un lien, le contrôleur ne se déclenche une fois, comme prévu. Cependant, si j'actualise la page, il se déclenche deux fois. Toutes les suggestions?
InformationsquelleAutor Howard | 2013-01-21
  1. 43

    J'ai eu le même problème , et il semble y avoir un bug stupide avec le routage. Il y a une sorte de redirection en cours.

    pour le fixer , j'ai juste ajouté une barre oblique dans le href , comme :

    <li><a href="#/build-content/"></a></li>

    J'espère que ça va arranger les choses pour vous aussi.

    • Merci beaucoup. Ce problème bizarre presque tué, moi la nuit dernière. ^_^
    • Oui merci! M'a sauvé beaucoup de temps.
    • Merci beaucoup. Je n'aurais jamais penser qu' 😀
    • Un gentil @mpm, vous m'avez sauvé beaucoup de temps de débogage
    • Cette solution stackoverflow.com/a/15535724/1387163 m'aide à résoudre le même problème
    • Merci pour la réponse. J'étais sur le point de perdre espoir. Est-ce un bug connu? J'ai un tas de manettes similaires et des appels et il y a un seul j'ai besoin d'ajouter une barre oblique à la fin de l'URL. Ne se produit que lorsqu'il est appelé par ng-href non pas quand la route est appelée directement.
    • ce n'est pas de résoudre mon problème.. mon application est de début et de contrôleur de frapper deux fois, je ne suis pas de cliquer sur un lien..
    • avait le même problème et en ajoutant une barre oblique à la fin résolu mon problème aussi. J'ai été en utilisant angular-route.js ver 1.2.25
    • Vous pouvez lire pourquoi ce qui se passe ici, github.com/angular-ui/ui-router/wiki/... et à propos de la urlmatcher ici. ui-router.github.io/ng1/docs/0.3.1/index.html#/api/...

    InformationsquelleAutor mpm
  2. 71

    J'ai eu face d'un même problème aujourd'hui. J'avais ajouté le nom de contrôleur dans mon $routeProvider et aussi dans mon code html.

    $routeProvider
    .when('/login', {
            controller: 'LoginController',
            templateUrl: 'html/views/log-in.html'
     })

    et de mon point de vue

    <div class="personalDetails" ng-controller="LoginController"> </div>

    Vous pouvez enlever le nom du contrôleur, soit à partir de votre point de vue ou à partir de votre routeprovider.

    • Vraiment belle réponse.!
    • C'était pour moi!
    • A fonctionné pour moi! Je vous remercie.
    • Merci pour la réponse utile, Vous le méritez jusqu'vote du mec
    • C'est exactement ce qui se passait! Merci!!!!
    InformationsquelleAutor dip
  3. 16

    J'ai eu un problème similaire. J'ai trouvé l'ajout d'une barre oblique dans la route, mais pas dans le lien a fonctionné comme prévu.

    $routeProvider.
when('/build-content/',...);

    Avec ce balisage

    <li><a href="/build-content">Content</a></li>

    Et puis AngularJS va corriger l'URL dans le navigateur pour ce qui est défini dans l' $routeProvider.

    Bizarrement le contraire qui semble trop de travail avec une barre oblique dans le lien et pas dans l'itinéraire. Il semble aussi longtemps que les barres obliques ne pas match du décide et le contrôleur ne sera pas appelé deux fois!

    • Vous avez juste sauvé mon week-end!
    • Tas merci pour cette. Nous avons remarqué exactement la même chose. Nous avons fait attention à garder les routes et les hrefs cohérente en termes de barres obliques et ne pouvait pas le faire fonctionner. C'est seulement une fois que nous avons suivi vos conseils et fait en sorte qu'ils étaient différents, qu'il a fonctionné.
    InformationsquelleAutor Dan
  4. 8

    Le mien était d'avoir 2 ng-view directives. J'ai essayé pour l'envelopper, mais involontairement dupliqué:

    <div class="ng-view">
    <div ng-view></div>
</div>

    Retiré l'emballage, il fixe.

    • Ce qui m'est arrivé avant où j'avais complètement différent application de l'article dans mon index.html, un pour ma connexion/inscription et un autre pour l'application elle-même, à la fois contenant le ng-view.
    • J'ai deux ng-view dans mon index.html. ainsi les contrôleurs sont appelés à deux reprises.Est-il une solution pour que, à l'exception de la suppression ng-vues. Je ne veux pas supprimer ces 2 ng-vues.
    InformationsquelleAutor Josh Ribakoff
  5. 8

    Supprimer la ng-controller la directive à partir de votre modèle de pages s'il existe .

    • Il fonctionne!. Pourrais-je savoir la raison, pourquoi devrions-nous supprimer ng-controller
    • Compris, déjà ajouté à quand('/tendances/', { templateUrl: "./templates/trending.html", de contrôleur: 'TrendingController' }) , maintenant il ne devrait pas être un modèle
    • Grâce à vous! Je n'ai jamais pensé à ça!
    InformationsquelleAutor Sarath
  6. 2

    J'ai eu le même problème et trouvé que si vous bootstrap vous angulaires à deux fois, vous pouvez avoir la même erreur.

    Dans mon cas, j'ai eu <body ng-app> mais aussi angular.bootstrap(document,['app']) et qui a causé le double de l'initialisation des contrôleurs.

    J'espère que cela peut faire gagner du temps à quelqu'un.

    InformationsquelleAutor Valentyn Shybanov
  7. 1

    Un contrôleur peut être ajouté à plus d'un élément du DOM, ce problème peut se produire si cela a été fait par exemple :

      <div id="myDiv1" ng-controller="myController" ....></div>
  ....
  <div id="myDiv2" ng-controller="myController" ....></div>
    InformationsquelleAutor Chris Halcrow
  8. 0

    J'ai eu de la déclaration de SomeController pour chaque vue partielle dans un seul état.
    Qui ont causé des événements en double cuisson.

     .state('chat', {
            url: '/',
            views: {
                'content@': {
                    templateUrl: 'views/chat_wv1.html',
                    controller: 'ChatController'
                },
                'form@': {
                    templateUrl: 'views/chat_wv_placeholder.html',
                    controller: 'ViewController'
                },
                'sidePanel@': {
                     templateUrl: 'views/sidePanel_wv.html'
                     /* removing this part solved my issue*/
                     /*controller: 'ChatController'*/
                }

            }
        })

    Espère que cela aide quelqu'un d'autre.

    InformationsquelleAutor Beny
  9. 0

    Moi aussi j'avais un problème similaire avec un customDirective et unitentionally dupliqué mon contrôleur.

    <html>
   <body ng-app="MyApp" ng-controller="MyDirectiveCtrl">
      <my-directive></my-directive>
   </body>
</html>

angular.directive('myDirectivie', [function() {
   return {
         restrict: 'E',
         controller: 'MyDirectiveCtrl',

         ...

   }
}]);

    Je l'ai résolu en supprimant ng-controller étiquette au niveau de la masse

    InformationsquelleAutor Sridhar Gudimela
  10. 0

    son parce que vous avez de multiples ui-view

    InformationsquelleAutor Muhammad Bilal
  11. -1

    Même Ici
    Le mien était d'avoir 2 ng-view directives.

    enter code here
    Supprimé le doublon c'est à dire ng-view, il fixe.

    InformationsquelleAutor Dinesh Singh