定製服務未加載，就這麼簡單，我可以把它

Question

所以我創建了一個dataService.j包含以下內容：

angular.module('dataService', []) 
    .service('gameDataService', function() { 
     var _gameData = { 
     loggedIn: "false", 
     gameJoined:"false", 
     tableFull: "false", 
     username: "", 
     tableInfo: {}, 
     atTable: "", 
     numJoined: 0, 
     userNames: [], 
     numPlayers: _.range(2,7), 
     numOfRuns: _.range(1,11) 
}; 

this.gameData = _gameData; 

return gameData; 
}); 

然後，我有我的控制器模塊：

var client = angular.module('ui_client_ctrl' ,['ui_IO','dataService']); 

client.controller('ClientController', function ($rootScope, $scope,gameDataService) { 
$scope.gData = gameDataService.gameData; 

console.log(gData); 
}); 

我收到以下消息：

angular.js:13236 ReferenceError: gameData is not defined 
at new <anonymous> (dataService.js:18) 
at Object.instantiate (angular.js:4619) 
at Object.<anonymous> (angular.js:4459) 
at Object.invoke (angular.js:4604) 
at Object.$get (angular.js:4443) 
at Object.invoke (angular.js:4604) 
at angular.js:4403 
at d (angular.js:4550) 
at e (angular.js:4574) 
at Object.invoke (angular.js:4596) 

我看過很多這裏的例子，這應該工作...任何建議至於爲什麼這不是加載？

任何幫助，將不勝感激，

ž

Answer 1

如果您註冊使用angular.module().service()（相對於factory()或provider()）你的服務的話，角希望你把它要的東西，可以是new編輯功能。所以函數應該只需要添加所需的屬性到this（就像你做的那樣）。

請刪除最後一行return gameData;，然後重試。

有關詳細信息，請參閱這篇文章：http://blog.thoughtram.io/angular/2015/07/07/service-vs-factory-once-and-for-all.html

Answer 2

由於錯誤提示，你從gameDataService return語句有問題。 嘗試return this.gameData而不是return gameData;

此外，您可能還需要console.log位於ClientController範圍內的gData變量，如console.log($scope.gData)而不是console.log(gData)。