即使将依赖项添加到ngResource后，$ resource错误

Question

I am trying to display data in an angular app using $resource, from mongolab. 我试图使用mongolab的$ resource在有角度的应用程序中显示数据。 I added dependency to ngResource in the module. 我在模块中为ngResource添加了依赖项。 Still it says Unknown provider. 仍然说未知提供者。 What is the missing point here? 这里缺少的是什么？

'$resource is not defined' “未定义$ resource”

Note: When my factory name was not correct, I was getting error: Unknown provider: employeesProvider <- employees 注意：当我的工厂名称不正确时，我得到了错误：未知提供者：employeesProvider <-雇员

Code 码

<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 from Mongolab 来自Mongolab的JSON

[ { "_id" : { "$oid" : "57044f95e4b0427faa38585f"} , "name" : "Lijo" , "age" : "30"} ]

Answer 1

From AngulaJS Documentation , the recommended way of declaring factories is: 从AngulaJS文档中，推荐的工厂声明方式是：

angular.module('myModule', [])
.factory('serviceId', ['depService', function(depService) {
  // ...
}])

I corrected my factory code as below, by injecting $resource: 我通过注入$ resource更正了我的工厂代码，如下所示：

app.factory('employees', function ($resource) {

    return $resource('https://api.mlab.com/api/1/databases/humanresource/collections/Employees',
                    {apiKey: 'jJbAltZ26vuIrgzUQetXh480JM0q9k6p'}
                  );
 });

References: 参考文献：

即使将依赖项添加到ngResource后，$ resource错误

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-06-02 12:22:11

即使将依赖项添加到ngResource后，$ resource错误

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-06-02 12:22:11

解决方案1
0 已采纳 2016-06-02 12:22:11