Угловой запрос на получение ничего не показывает

Question

Угловой запрос на получение ничего не показывает

0

Я пытаюсь получить запрос с Angular (мое первое угловое приложение), и оно не работает

это файл app.js

var app = angular.module('myApp',[]);
app.controller('getCtrl',['$scope',function($scope){
  $http.get("http://127.0.0.1:3000/api/Users")
  .then(function(response){
    $scope.users = response.data;
  });
}]);

и файл index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>

  <body>
    <div ng-app="myApp">
      <div ng-controller="getCtrl">
          <table>
            <tr ng-repeat = "user in users">
               <td>{{user.name}}</td>
               <td>{{user.lastName}}</td>
            </tr>
          </table>
      </div>
    </div>

    <script src="node_modules/angular/angular.js"></script>
    <script src="app.js"></script>
  </body>
</html>

это ответ запроса на получение с использованием клиента отдыха

 [
        {
            "_id": "5787c061191313250ba4a7ab",
            "created_at": "2016-07-14T16:40:01.076Z",
            "updated_at": "2016-07-14T16:40:01.076Z",
            "lastName": "apellido1",
            "name": "user1",
            "__v": 0
        },
        {
            "_id": "5787c069191313250ba4a7ac",
            "created_at": "2016-07-14T16:40:09.952Z",
            "updated_at": "2016-07-14T16:40:09.952Z",
            "lastName": "apellido2",
            "name": "user2",
            "__v": 0
        },
        {
            "_id": "5787c071191313250ba4a7ad",
            "created_at": "2016-07-14T16:40:17.518Z",
            "updated_at": "2016-07-14T16:40:17.518Z",
            "lastName": "apellido3",
            "name": "user3",
            "__v": 0
        },
        {
            "_id": "5787c95b0b2e8aa6183044dc",
            "created_at": "2016-07-14T17:18:19.643Z",
            "updated_at": "2016-07-14T17:18:19.643Z",
            "lastName": "apellido4",
            "name": "nombre4",
            "__v": 0
        },
        {
            "_id": "5787ca740b2e8aa6183044de",
            "created_at": "2016-07-14T17:23:00.229Z",
            "updated_at": "2016-07-14T17:23:00.229Z",
            "lastName": "apellido5",
            "name": "nombre5",
            "__v": 0
        },
        {
            "_id": "5790ec389f3a7a0b0a603be2",
            "created_at": "2016-07-21T15:37:28.671Z",
            "updated_at": "2016-07-21T15:37:28.671Z",
            "lastName": "apellido6",
            "name": "nombre6",
            "__v": 0
        }
    ]

на веб-странице результат пуст, как если бы запрос был пуст, я не знаю, пропустил ли я что-нибудь

AFS 21 июль 2016, в 20:15

Источник

1

Откройте консоль и прочитайте ошибку. Затем добавьте недостающие уколы.
dfsq 21 июль 2016, в 17:17
3

$scope.users = respose.data; имеет опечатку должна быть $scope.users = response.data; - ответ был написан неправильно
Darren Wainwright 21 июль 2016, в 17:17
4

вы не вводите $ http в массив и функцию контроллера ur
shireef khatab 21 июль 2016, в 17:18
0

Не вводится таким образом app.controller('getCtrl',['$scope',function($scope)
AFS 21 июль 2016, в 17:20
0

@Darren Darren Good Observation :) Я думаю, что AFS должен был сначала попытаться проверить ошибку с консоли, а не так сильно писать письмо. AFS может позволить людям видеть ошибки консоли, если они есть.
Kiran Joshi 21 июль 2016, в 17:22
0

Теперь это решено @KiranJoshi
AFS 21 июль 2016, в 17:42

Показать ещё 4 комментария

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Откройте консоль и прочитайте ошибку. Затем добавьте недостающие уколы.
$scope.users = respose.data; имеет опечатку должна быть $scope.users = response.data; - ответ был написан неправильно
вы не вводите $ http в массив и функцию контроллера ur
Не вводится таким образом app.controller('getCtrl',['$scope',function($scope)
@Darren Darren Good Observation :) Я думаю, что AFS должен был сначала попытаться проверить ошибку с консоли, а не так сильно писать письмо. AFS может позволить людям видеть ошибки консоли, если они есть.

daan.desmedt · Accepted Answer · 2016-07-21T15-50-00.000Z

var app = angular.module('myApp',[]);
app.controller('getCtrl',['$scope','$http',function($scope,$http){
  $http.get("http://127.0.0.1:3000/api/Users")
  .then(function(response){
    $scope.users = response.data;
  });
}]);

Исправлено следующее

Ввести правильную зависимость $http в конструктор контроллера
Misspell on response.data