AngularJs: неизвестный поставщик: $ resourceProvider <- $ resource <- DonorerCtrl

0

Я пытаюсь загрузить список "доноров" для моего углового приложения. Я получаю данные от API, но я не работаю так, как хочу. Я получаю эту ошибку:

$ resourceProvider <- $ resource <- 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>
Теги:
resources
angular-resource

1 ответ

0
Лучший ответ

пытаться:

angular.module("testApp", ['ui.router', 'ngResource']);
  • 0
    Спасибо, похоже, работает, но теперь у меня есть эта ошибка: index.html: 1 XMLHttpRequest не может загрузить bloodadmin.cloudapp.net/api/donors . В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Происхождение ' localhost: 63342 ', следовательно, не разрешено.
  • 0
    Вам необходимо включить CORS на стороне сервера.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню