角全球工廠

Question

我創建了一個工廠，我想在不同的頁面中使用：

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

sessionApp.config(function(localStorageServiceProvider) 
{ 
localStorageServiceProvider 
    .setPrefix('mystorage') 
    .setStorageType('localStorage'); 

}); 

sessionApp.factory('SessionFactory', function(localStorageService) 
{ 
var service = {}; 
var _store = 'session'; 

service.load = function() 
{ 
    var session = localStorageService.get(_store); 
} 

service.save = function(data) 
{ 
    localStorageService.set(_store, JSON.stringify(data)); 
} 

service.delete = function() 
{ 
    localStorageService.remove(_store); 
} 

return service; 
}); 

然後我想補充它在應用中投放方法，其中我將其分配到$ rootScope。我現在留下了那部分代碼。

var loginApp = angular.module("loginApp", []); 

loginApp.run(function($rootScope, SessionFactory) 
{ 
//$rootScope.sessionFactory = SessionFactory; 

$rootScope.$on('$routeChangeStart', 
function(ev, next, current) 
{ 

});  
}); 

我的錯誤是：

未知提供商：SessionFactoryProvider < - SessionFactory的

是不是因爲我廠是sessionApp和我的登錄模塊是loginApp？這是否意味着，我需要有一個名爲同樣像下面的變量：

文件：login.js

var myApp = angular.module("loginApp", []); 

myApp.run(function($rootScope, SessionFactory) 
{ 
//$rootScope.sessionFactory = SessionFactory; 

$rootScope.$on('$routeChangeStart', 
function(ev, next, current) 
{ 

});  
}); 

文件：session.js

myApp.config(function(localStorageServiceProvider) 
{ 
localStorageServiceProvider 
    .setPrefix('mystorage') 
    .setStorageType('localStorage'); 

}); 

myApp.factory('SessionFactory', function(localStorageService) 
{ 
var service = {}; 
var _store = 'session'; 

service.load = function() 
{ 
    var session = localStorageService.get(_store); 
} 

service.save = function(data) 
{ 
    localStorageService.set(_store, JSON.stringify(data)); 
} 

service.delete = function() 
{ 
    localStorageService.remove(_store); 
} 

return service; 
}); 

Answer 1

的數組變量的角度。模塊是新模塊所依賴的其他模塊的數組。 loginApp需要列出sessionApp作爲依賴項。

var loginApp = angular.module("loginApp", ["sessionApp"]);