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']);