即使在将依赖项添加到 ngResource 之后 $resource 错误
$resource error even after adding dependency to ngResource
我正在尝试使用来自 mongolab 的 $resource 在 angular 应用程序中显示数据。我在模块中添加了对 ngResource 的依赖。仍然显示未知提供商。这里缺少什么?
'$resource is not defined'
注意:当我的工厂名称不正确时,我得到错误:Unknown provider: employeesProvider <- employees
代码
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular-resource.js"></script>
<script type="text/javascript">
//defining module
var app = angular.module('myApp', ['ngResource']);
//defining factory
app.factory('employees', function () {
return $resource('https://api.mlab.com/api/1/databases/humanresource/collections/Employees',
{apiKey: 'removedmykeyforpostinginSO'}
);
});
//defining controller
app.controller('myController', function ($scope, employees)
{
$scope.countries = employees.query();
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="myController">
<ul>
<li ng-repeat = "objCountry in countries" >
{{objCountry.name}}
</li>
</ul>
</div>
</body>
</html>
JSON 来自 Mongolab
[ { "_id" : { "$oid" : "57044f95e4b0427faa38585f"} , "name" : "Lijo" , "age" : "30"} ]
从AngulaJS Documentation开始,推荐的声明工厂的方式是:
angular.module('myModule', [])
.factory('serviceId', ['depService', function(depService) {
// ...
}])
我通过注入 $resource 更正了我的工厂代码如下:
app.factory('employees', function ($resource) {
return $resource('https://api.mlab.com/api/1/databases/humanresource/collections/Employees',
{apiKey: 'jJbAltZ26vuIrgzUQetXh480JM0q9k6p'}
);
});
参考文献:
- $resource
- Tidy Up Your Angular Controllers with Factories and Services
- Angular: Passing data back to my controller from a factory ajax call
- Binding variables from Service/Factory to Controllers
我正在尝试使用来自 mongolab 的 $resource 在 angular 应用程序中显示数据。我在模块中添加了对 ngResource 的依赖。仍然显示未知提供商。这里缺少什么?
'$resource is not defined'
注意:当我的工厂名称不正确时,我得到错误:Unknown provider: employeesProvider <- employees
代码
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular-resource.js"></script>
<script type="text/javascript">
//defining module
var app = angular.module('myApp', ['ngResource']);
//defining factory
app.factory('employees', function () {
return $resource('https://api.mlab.com/api/1/databases/humanresource/collections/Employees',
{apiKey: 'removedmykeyforpostinginSO'}
);
});
//defining controller
app.controller('myController', function ($scope, employees)
{
$scope.countries = employees.query();
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="myController">
<ul>
<li ng-repeat = "objCountry in countries" >
{{objCountry.name}}
</li>
</ul>
</div>
</body>
</html>
JSON 来自 Mongolab
[ { "_id" : { "$oid" : "57044f95e4b0427faa38585f"} , "name" : "Lijo" , "age" : "30"} ]
从AngulaJS Documentation开始,推荐的声明工厂的方式是:
angular.module('myModule', [])
.factory('serviceId', ['depService', function(depService) {
// ...
}])
我通过注入 $resource 更正了我的工厂代码如下:
app.factory('employees', function ($resource) {
return $resource('https://api.mlab.com/api/1/databases/humanresource/collections/Employees',
{apiKey: 'jJbAltZ26vuIrgzUQetXh480JM0q9k6p'}
);
});
参考文献:
- $resource
- Tidy Up Your Angular Controllers with Factories and Services
- Angular: Passing data back to my controller from a factory ajax call
- Binding variables from Service/Factory to Controllers