AngularJs：未知的提供者：$ resourceProvider < - $ resource < - DonorerCtrl

Question

我想加载一个“捐助者”列表为我的角应用程序。我从API获取数据，但我没有按照我想要的方式工作。我得到这个错误：

$ resourceProvider < - $资源< - DonorerCtrl

在我DonorerCtrl类我有以下代码：

angular.module("testApp").controller("DonorerCtrl", 
function($scope, $http, $resource) { 
    console.log("Test fra donorerCtrl"); 

    $scope.donorerResource = $resource("http://bloodadmin.cloudapp.net/api/users/:donorid"), 
    {id: "@donorid"}, { update: {method: "PUT"}}; 

    $scope.donorerVisits = $scope.donorerResource.query(); 

    $http (
     { 
      method: "GET", 
      url: "http://bloodadmin.cloudapp.net/api/donors" 
     }).success(function(data) { 
      $scope.donorerVisits = data; 
     }).error(function() { 
      alert("error"); 
     }); 

    $scope.donorerVisits = []; 

}); 

我尝试用这个加载它在我的HTML文件代码：

<div class="form-group col-lg-12"> 
    <table class="table"> 
     <thead> 
     <tr> 
      <th>Fornavn</th> 
      <th>Efternavn</th> 
      <th>Køn</th> 
      <th>Fødselsdag</th> 
      <th>Læs mere</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr ng-repeat="visit in donorerVisits"> 
      <td>{{visit.firstname}}</td> 
      <td>{{visit.lastname}}</td> 
      <td>{{visit.sex}}</td> 
      <td>{{visit.age}}</td> 
      <td><button class="btn btn-default">Læs mere</button></td> 
     </tr> 
     </tbody> 
    </table> 
</div> 

在我的索引HTML我加载在这些JS文件：

<!-- JS --> 
<script src="libs/angular.js" type="text/javascript"></script> 
<script src="libs/angular-ui-router.min.js" type="text/javascript"></script> 
<script src="libs/angular-resource.js" type="text/javascript"></script> 

<!-- Angular Custom --> 
<script type="text/javascript"> 
    angular.module("testApp", ['ui.router']); 
</script> 

<script src="js/controllers/HjemCtrl.js"></script> 
<script src="js/controllers/DonorerCtrl.js"></script> 
<script src="js/controllers/BlodCtrl.js"></script> 
<script src="js/navigation.js"></script> 

Answer 1

尝试：

angular.module("testApp", ['ui.router', 'ngResource']);