Как получить остальные данные API в угловом Js

-1

Вот мой код для выполненияКак получить остальные данные API в угловом Js

<!DOCTYPE html ng-app="myApp"> 
<html> 
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
<body> 
<div ng-controller="customersCtrl"> 
    <ul> 
     <li ng-repeat="x in patients"> 
      {{ x.area }} 
     </li> 
    </ul> 
</div> 
<script> 
var app = angular.module('myApp', []); 
app.controller('customersCtrl', function($scope, $http) { 
$http.get("http://localhost:8080/MedZHealth/rest/patient/12") 
.success(function (response) {$scope.patients = response.addressList;}); 
}); 
</script> 
</body> 
</html>

и здесь является JSON:

{ 
    "addressList":[{ 
    "area":"NE1 WX", 
    "city":"London", 
    "pin":"0", 
    "street":"221B Bekar Street" 
    }, 
    { 
    "area":"Manorayan Palya", 
    "city":"Bangalore", 
    "pin":"560032", 
    "state":"Karnatak", 
    "street":"11th Cross" 
    }] 
}

Почему это не работает?

источник

2015-06-16 Priyam Chakraborty

Извините, но вам нужно быть более конкретным относительно того, что происходит, что неправильно. Есть ли сообщение об ошибке? Каково ваше сообщение об ошибке? Что происходит, когда вы пытаетесь сделать что? –

Это должен быть response.data.addressList – nikhil

Какая у вас ошибка/проблема? –

-1

@PriyamChakraborty

Вот мой пример, который работает:

//Controller 
angular.module('testprojektApp') 
    .controller('CityCtrl', ['$log', '$scope', '$http', function ($log, $scope, $http) { 
    $http.get('/data/country.json') 
    .success(function (data) { 
     $scope.addresses = data; 
     $log.info('Adresslist:', $scope.addresses.addressList); 
    }) 
    .error(function (data, status) { 
     $log.error('Status:', status); 
    }); 
    }]);

// Вид:

<div ng-repeat="address in addresses.addressList"> 
<ul> 
    <li>{{address.city}}, {{address.street}}, {{address.zip}}, {{address.area}}</li> 
</ul> 
</div>

источник

2015-06-16 18:30:43 yuro

@PriyamChakraborty Я изменил свой ответ. Попробуйте это. :) – yuro

Вы можете попробовать добавить '$ рамки' и '$' HTTP в качестве зависимостей к контроллеру, как показано ниже

app.controller('customersCtrl', ['$scope', '$http', function($scope, $http) { 
    $http.get("http://localhost:8080/MedZHealth/rest/patient/12") 
     .success(function (response) { 
      $scope.patients = response.addressList; 
     }); 
}]);

Также это будет работать, только если бэкэнд также находится на том же сервере, что и URL-адрес, содержащий «localhost». Если бэкэнд находится на другом сервере, вы должны написать IP-адрес машины вместо «localhost».

источник

2015-06-16 19:02:47

Как получить остальные данные API в угловом Js

ответ

Смежные вопросы