Angular JS contrôleur et de l'Usine dans des fichiers séparés

Développement Web et Angulaire sont complètement nouveau pour moi. J'ai créé le module , l'usine et le contrôleur dans un même fichier (app.js). Ci-dessous l'exemple de code

//Main Module
var ipCharts = angular.module('ipCharts', []);

//Factory
ipCharts.factory('securityFactory', function ($http) {
    var securities = {};
    $http.get('api/Securities').
                                  success(function (data, status, headers, config) {
                                      securities = data;
                                  }).
                                  error(function (data, status, headers, config) {
                                      //log error
                                  });

    var factory = {};
    factory.getSecurities = function () {
        return securities;
    }
    return factory;
});

//Controller
ipCharts.controller('securityController', function ($scope,securityFactory) {
    $scope.securities = securityFactory.getSecurities();
});

Je me demande comment module, l'usine et le contrôleur peuvent être placés dans des fichiers séparés.

Je peux placer le contrôleur dans un fichier séparé lorsque le contrôleur ne fait aucune référence à l'usine. Je ne peux pas le faire fonctionner lorsque le contrôleur à l'aide de l'usine et de l'usine est dans un fichier séparé.
Grâce

  • Il devrait y avoir aucun problème à les mettre dans des fichiers séparés, aussi longtemps que vous le chargez-les dans le bon ordre (c'est à dire des modules de script en premier, puis les deux autres dont l'ordre n'a pas d'importance)
InformationsquelleAutor Alan B | 2015-02-24
  1. 17

    Inclure votre fichier de l'application principale (dans lequel vous créez le module) au-dessus du contrôleur et de l'usine de fichiers.

    Pour la récupération du pré-module existant:

    var ipCharts = angular.module('ipCharts');

    Pour contrôleur de fichier:

    var ipCharts = angular.module('ipCharts');
ipCharts.controller('securityController', function ($scope,securityFactory) {
    $scope.securities = securityFactory.getSecurities();
});

    Pour l'Usine de fichier:

    var ipCharts = angular.module('ipCharts');
ipCharts.factory('securityFactory', function ($http) {
    var securities = {};
    $http.get('api/Securities').
                                  success(function (data, status, headers, config) {
                                      securities = data;
                                  }).
                                  error(function (data, status, headers, config) {
                                      //log error
                                  });

    var factory = {};
    factory.getSecurities = function () {
        return securities;
    }
    return factory;
});
    • Votre solution fonctionne très bien... au début j'ai var ipCharts = angulaire.module('ipCharts', []) dans chaque fichier.
    • oui, c'est pour la création d'une nouvelle qui fait plaisir à entendre que cela vous a aidé 🙂
    InformationsquelleAutor A.B