Angular JS Controller und Factory in separaten Dateien

Question

Web-Entwicklung und Angular sind völlig neu für mich. Ich habe Modul, Fabrik und Controller in einer Datei (app.js) erstellt. Unten ist der Beispielcode

//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(); 
}); 

Ich frage mich, wie Modul, kann Fabrik und Controller in separaten Dateien gespeichert werden.

Ich kann den Controller in eine separate Datei platzieren, wenn der Controller keinen Bezug zum Werk herstellt. Ich kann es nicht funktionieren, wenn der Controller die Fabrik und die Fabrik in einer separaten Datei verwendet. Danke

Answer 1

Fügen Sie Ihre Haupt-Anwendungsdatei (in der Sie das Modul erstellen) über die Controller- und Werksdateien ein.

für das Abrufen von bereits bestehenden Modul:

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

Für Controller-Datei:

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

Für Fabrik-Datei:

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; 
});