自定义服务没有加载,尽可能简单
Custom service is not loading, as simple as I can make it
所以我创建了一个包含以下内容的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)
我在这里看了很多例子,这应该可以工作......关于为什么没有加载的任何建议?
任何帮助将不胜感激,
Z
如果您使用 angular.module().service()
注册服务(与 factory()
或 provider()
相反),则 angular 期望您交给它的函数是可以new
编辑的。因此,该函数应该只将所需的属性添加到this
(就像您所做的那样)。
请删除最后一行return gameData;
,然后重试。
有关更多详细信息,请参阅此帖子:http://blog.thoughtram.io/angular/2015/07/07/service-vs-factory-once-and-for-all.html
相关文章:
- 简单的javascript在Shopify中不起作用
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 如何制作简单的php'在Javascript中的foreach等价物
- JQuery:向多个匹配结果添加换行符的最简单方法
- AJAX简单错误.XMLHttpRequest无法加载http://localhost/mpl/getPage.php.
- Moment/Jquery-一个简单时间线的愚蠢问题
- 什么's本地node.js服务器和python简单http服务器之间的区别
- 简单类测试未通过
- 简单地将拆分变量添加到对象中
- 通过javascript操作图像,非常简单
- 问题用moment JS制作一个简单的时间表
- 简单的ES6承诺问题-交换解决和拒绝参数
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- 简单的JS函数.需要对变量进行澄清
- 简单的交换程序无法使用javascript
- 如何只使用特定的表行构建简单的手风琴
- 我怎么能让流星简单模式中的一个字段等于一个js变量,并且仍然让用户填写简单模式的其余部分
- 如何避免渲染元素尽可能简单
- 自定义服务没有加载,尽可能简单
- 尽可能创建最简单的typescript定义文件