2016-02-01 4 views
1

Я создаю страницу контроллера и html И хочу получить HTTP-ответ с помощью строки JSON Но я ничего не вижу.Получить ответ JSON на HTTP GET в Angular

angular.module('myApp.view3', ['ngRoute']) 

    .config(['$routeProvider', function($routeProvider) { 
     $routeProvider.when('/view3', { 
      templateUrl: 'view3/view3.html', 
      controller: 'View3Ctrl' 
     }); 
    }]) 

    .controller('View3Ctrl',function($scope, $http) { 
     $scope.my_name = "Pasha"; 
     $http({ 
      method : "GET", 
      url : "http://api.geosvc.com/rest/US/84606/nearby?apikey=#APIKEY&d=20&pt=PostalCode&format=json" 
     }).then(function mySucces(response) { 
      $scope.myWelcome = response.data; 
     }, function myError(response) { 
      $scope.myWelcome = response.statusText; 
     }); 
    }); 

Это мой HTML-

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>My view</title> 
</head> 
<body ng-controller="View3Ctrl"> 
<p> Hello Pavel</p> 
<div>{{my_name}}</div> 
<div>{{myWelcome}}</div> 
</body> 
</html> 

И после того, как страница загрузки я получаю этот результат

Здравствуйте Павел

Паша

Угловое приложение семян: v0. 1

Но я хочу видеть результат JSON слишком

+0

Используйте нг-повтор, если вы хотите увидеть все данные – Jay

+0

, хотя целое, по крайней мере в виде объекта, по крайней мере одно поле, по крайней мере, что-то, что покажет мне, что запрос ret urned data – user5620472

+0

Вопрос не был задан? –

ответ

-1

Измените HTML, как это. Здесь вы итерации по всему массиву данных и печати одного bye одного.

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>My view</title> 
</head> 
<body ng-app="myApp.view3" ng-controller="View3Ctrl"> 
<p> Hello Pavel</p> 

<div ng-repeat="row in myWelcome"> 
    <div>{{row.my_name}}</div> 
    <div>{{row.myWelcome}}</div> 
</div> 
</body> 
</html> 
+0

Это не работает .............. – user5620472

-1

копия службы URL, что и хотите звонить в браузере то, увидеть результаты в формате JSON. U будет видеть, что возвращенный JSON не имеет объекта данных или текстового объекта статуса. Это среднее значение и может напечатать JSON с этим кодом:

angular.module('myApp.view3', ['ngRoute']) 

    .config(['$routeProvider', function($routeProvider) { 
     $routeProvider.when('/view3', { 
      templateUrl: 'view3/view3.html', 
      controller: 'View3Ctrl' 
     }); 
    }]) 

    .controller('View3Ctrl',function($scope, $http) { 
     $scope.my_name = "Pasha"; 
     $http({ 
      method : "GET", 
      url : "http://api.geosvc.com/rest/US/84606/nearby?apikey=4ff687893a7b468cb520b3c4e967c4da&d=20&pt=PostalCode&format=json" 
     }).then(function mySucces(response) { 
      $scope.myWelcome = response; 
     }, function myError(response) { 
      $scope.myWelcome = response; 
     }); 
    }); 
-1

app.js

var app = angular.module('angularTable', []); 

app.controller('listdata',function($scope, $http) 
{ 
    $scope.users = []; //declare an empty array 
    $http.get("mockJson/mock.json").success(function(response) 
    { 
     $scope.users = response; //ajax request to fetch data into 
    }); 

}); 

index.html

<tr ng-repeat="user in users"> 
    <td>{{user.id}}</td> 
    <td>{{user.first_name}}</td> 
    <td>{{user.last_name}}</td> 
    <td>{{user.hobby}}</td> 
</tr> 
Смежные вопросы