AngularJS fonction de contrôleur ne s'est jamais appelé

Mon angularjs contrôleur de fonction n'est jamais appelée. Je vois tous les fichiers js inclus dans mes sources, c'est juste de ne pas atteindre l'initialisation de mon contrôleur. Quel est le problème avec ce code?

eventListCtrl.js:

eventsApp.controller('eventListCtrl', ['$scope', function ($scope) {
    //this code is never called
    alert('controller initializing');
    $scope.name = "Test";
}]);

app.js:

'use strict';

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

Index.cshtml:

<div ng-controller="eventListCtrl">
    <div class="row">
        <div class="spann11">
            <h2>{{name}}</h2>
        </div>
    </div>
</div>

<script src="/scripts/vendor/angular.js"></script>
<script src="/scripts/app.js"></script>
<script src="/scripts/controllers/eventListCtrl.js"></script>
  • Avez-vous des ng-app="eventsApp" n'importe où? Et avez-vous recréer eventsApp au sein de votre contrôleur?
  • D'accord avec ce commentaire. Dans le cas où vous avez oublié, mettre le ng-app à l'extérieur de la <div ng-controller="...">.
InformationsquelleAutor Ryan Langton | 2014-03-24
  1. 44

    Vous avez besoin pour ce faire 

    <html ng-app="eventsApp">

    Pour activer le module

    • Doh, ne sais pas comment j'ai raté ça!
    InformationsquelleAutor iConnor
  2. 2

    Je veux poster mon problème/résolution d'ici au cas où quelqu'un fait la même chose que moi. 

    <div ng-controller="coolCtrl" ng-if="VAR">

    J'essayais de l'init d'un contrôleur sur un élément qui n'a pas créé (en raison de la ng-if="var" )

    facepalm

    • Merci!!!! J'ai fait la même erreur en ajoutant ng-show sur le contrôleur wrapper 🙂
    InformationsquelleAutor James Harrington
  3. 0

    Sauvage deviner:

    angular.module('eventsApp').controller('eventListCtrl', ['$scope', function ($scope) {
    //this code is never called
    alert('controller initializing');
    $scope.name = "Test";
}]);

    dans votre fichier de contrôleur?

    • C'est exactement ce que je pensais quand j'ai vu la question. AngularJS est très à l'essai par le feu.
    • Cela ne ferait aucune différence, C'est identique à ce qu'il fait déjà
    • l'API sur module est juste très mauvais. L'ajout d'un deuxième paramètre rend un initialiseur et les gens se confondre.
    • pas vrai. sauf si il a fait eventsApp mondiale qui serait très mauvais, auquel cas la réponse encore suggérant les meilleures pratiques.
    • il est global, comme on le voit dans le post 🙂 et en plus, dans la production, il est probable que de concaténer vos fichiers de toute façon, et ce n'est pas une mauvaise pratique de votre espace de noms global
    • merci pour les commentaires sur le module api. Le code a travaillé comme est, manquant de peu ng-app

    InformationsquelleAutor Joe Minichino