獲取角度HTTP GET的JSON響應

我創建控制器和html頁面我想用JSON字符串獲取http響應但是我什麼也沒看到。獲取角度HTTP GET的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=#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結果太

來源

2016-02-01 user5620472

使用NG重複，如果你想看到所有的數據 – Jay

儘管整體，至少在對象的形式，至少有一個領域，至少有一些會告訴我，查詢ret urned data – user5620472

這個問題已經被問到了嗎？ –

-1

修改你的HTML這樣的。在這裏，您將遍歷整個數據數組並打印一個再見。

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>

來源

2016-02-01 11:12:20 Jay

不起作用.............. – user5620472

-1

副本ü要在瀏覽器中調用，然後，看到了JSON結果的URL服務。 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; 
     }); 
    });

來源

2016-02-01 11:13:25

-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>

來源

2016-06-22 05:50:27

獲取角度HTTP GET的JSON響應

回答

相關問題