Angulaire module config pas appelé

Je vais essayer d'obtenir ma tête autour d'AngularJS et a couru dans un problème.

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

myApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

    console.log('Configuring module "myApp"');

    $routeProvider.when('/dashboard', {templateUrl: 'partial/dashboard', controller: DashboardController});
    $routeProvider.when('/menu', {templateUrl: 'partial/other', controller: OtherController});
    $routeProvider.otherwise({redirectTo: '/dashboard'});

    $locationProvider.html5Mode(true);
 }]);

À ma compréhension de la configuration de la fonction doit être appelée lorsque le module est chargé. Mais il ne le fait pas!

J'ai le ng-app="myApp" directive sur la <body> tag. Et les scripts chargés, juste avant le corps de la balise de fermeture dans le bon ordre (dans la mesure que les questions).

    <script src="angular.js"></script>      
    <script src="app.js"></script>
    <script src="services.js"></script>
    <script src="controllers.js"></script>
</body>

Je suis assez sûr que je doit être donnant sur quelque chose de trivial ici. Il devrait y avoir un message imprimé sur la console. Mais il reste vide avec aucun des erreurs ou des avertissements que ce soit.

Les parties de l'application en fonction des routes fonctionne très bien.

Mise à jour: version simplifiée de mon service.js

'use strict';

angular.module('myApp', function ($provide) {
    $provide.factory('myService', function ($http) {
        var service = function () {
            ...
            service implementation
            ...
        };

        return new service();
    });
});

Ouais... il devrait. Êtes-vous sûr que tous les scripts sont à consommer? Existe-il des erreurs dans la console? Je viens de poster votre code sur un Plunkr pour vérifier les fautes de frappe, et il fonctionne comme prévu. Je ne peux que suspect sur votre myApp.services, vous le poster?
C'était en effet une erreur de codage dans mes services. Merci pour le pointeur.
Je vois que vous avez posté la bonne réponse ci-dessous; une petite correction ci-dessus est cependant lorsque le config s'exécute. Contrairement à des services, qui a exécuté la première fois, ils sont injectés, config blocs sont exécutés à un point donné dans le bootstrap, AngularJS. En d'autres termes, la config sera toujours courir et toujours courir avant votre application en cours d'exécution.
Ça compte pour tous les modules ou seulement les modules instancié par l'injecteur?
Les Modules de ne pas obtenir instancié par l'injecteur; services de faire. Le config, mais pour exécuter votre application module et les modules, il déclare que les dépendances, ainsi que toutes leurs dépendances, etc.
Très utile. Merci pour m'aider à comprendre la question.
eu le même problème et a obtenu de me gratter la tête pendant des heures. Mais après la lecture de votre question, j'ai réalisé que mon problème est juste le manque ng-app directive ahahha. merci pour cette question.
J'ai eu le même problème. Mon code ne fonctionne pas parce que la méthode .run n'est pas appelée. Quand j'ouvre google chrome, débogueur, .run sont appelés correctement (je suis en cours d'exécution Ionique application par ionic serve commande)

InformationsquelleAutor Bart | 2013-04-08

angularjs javascript

32

Il semble que la méthode que j'ai utilisé pour définir le service était primordial mon myApp module.

C'est la principale ligne de
```
angular.module('myApp', function ($provide) ...
```
Ce code simplement redéfinit la myApp module et ajoute une fonction pour configurer qu'un seul.

J'ai refait service.js pour cette version simplifiée et il a commencé à travailler.
```
var myApp = angular.module('myApp');

myApp.factory('securityService', function () {
    return SomeFancyServiceObject();
});
```
- Merci, cela m'a vraiment sauvé beaucoup d'heures!
- A couru dans tout cela aujourd'hui. Je suis habituellement très prudent, mais je fais face à plusieurs modules et je n'arrivais pas à comprendre jusqu'à ce que je suis venu ici....et puis c'était tellement évident. Bonne prise!
- Je vous remercie.. Dans mon cas, j'ai été en utilisant le même nom de module app.js et MyControllers.js. J'ai ajouté un vide [] à mon MyControllers.js et réalisé qu'il était primordial pour le module principal.. Astuce consiste à utiliser des noms distincts pour vos modules.
- Même chose. J'étais trop nerveux pendant le hackathon à essayer de comprendre pourquoi mon presque hello world app ne fonctionne pas.
- 5 ans plus tard, et votre question et la réponse que vous venez d'enregistrer mon ***. J'ai été frapper ma tête contre un mur pour comme 4+ heures de cours et n'aurais jamais pensé que sur mon propre. J'ai eu quelques parenthèses vides assis sur un contrôleur .module() déclaration qu'il faut que j'ai ajouté absent d'esprit et avait complètement oublié l'existence. Je n'aurais jamais remarqué sans cette réponse. MERCI
InformationsquelleAutor Bart
11

J'ai été absent ng-app="myApp" à l'intérieur de ma balise html et je l'ai compris lors de la lecture de votre question 🙂
- soupir. ce qu'une petite erreur qui m'a coûté une heure de débogage
- Perdu tout à zéro des messages d'erreur.. et la réalisation de cette application.config n'est même pas appelé a créé une nouvelle application.... parce que je graisse les doigts de np-app= au lieu de ng-app j'étais sur le point d'arracher ngroute et tirez dans l'interface utilisateur du routeur ! Geez. Je doit avoir besoin d'un angulaire de code correcteur d'orthographe.. merci pour votre réponse
- f#ck, merci: il existe une fraction trop (configuration) de frottement...
InformationsquelleAutor Illidan
0

J'ai l'habitude de voir de routage appliquée par chaînage ensemble:
```
$routeProvider
    .when('/dashboard', {templateUrl: 'partial/dashboard', controller: DashboardController})
    .when('/menu', {templateUrl: 'partial/other', controller: OtherController})
    .otherwise({redirectTo: '/dashboard'});
```
Ne vois pas pourquoi le vôtre ne fonctionne pas, mais peut-être la peine d'aller.
- Le problème est que la config(fn) n'est jamais appelée. Donc le code dans la fonction n'est jamais exécutée.
InformationsquelleAutor Nick

Vous devez vous connecter pour publier un commentaire.