角度JS控制器和工廠在單獨的文件

Question

Web開發和Angular對我來說是全新的。我在同一個文件（app.js）中創建了模塊，工廠和控制器。下面是示例代碼

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

我想知道如何將模塊，工廠和控制器放置在單獨的文件中。

當控制器沒有提及工廠時，我可以將控制器放在單獨的文件中。當控制器使用工廠和工廠在一個單獨的文件中時，我不能工作。 謝謝

Answer 1

將您的主要應用程序文件（在其中創建模塊）包含在控制器和工廠文件的上方。

用於檢索預先存在的模塊：

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

對於控制文件：

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

對於出廠文件：

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