以角度獲取api數據

我正在創建與角球中的板球比賽信息相關的應用程序。在獲取api響應時遇到問題。你可以檢查API響應here。控制檯顯示錯誤，請檢查以角度獲取api數據

這裏是我的代碼：

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
</head> 

<body> 
<div class="container" ng-app="cricApp" ng-controller="cricCtrl"> 
<div class="form-group"> 
<h2>Your result</h2> 
<table class="table table-striped"> 
    <thead> 
     <tr><th colspan="4"><h4>Cricket Match Info</h4></th></tr> 
     <tr> 
     <th>Sno</th> 
     <th>unique_id</th> 
     <th>description</th> 
     <th>title</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="match in matchList | filter: nameFilter"> 
     <td>{{$index + 1}}</td> 
     <td> 
      {{match.unique_id}} 
     </td> 
     <td>{{match.description}}</td> 
     <td>{{match.title}}</td> 
     </tr> 
    </tbody> 
    </table> 
</div> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> 
<script> 
angular.module('cricApp', []). 
controller('cricCtrl', function($scope, $http) { 
$scope.matchList = []; 
    $http.get("http://cricapi.com/api/cricket").then(function (response) { 
     console.log(response); 
     $scope.matchList = response.data; 
    }); 
} 
); 
</script> 
</body> 
</html>

來源

2016-08-04 Navpreet Kaur

你可以請你發佈'console.log（response）;'response？ –

在你得到的錯誤信息的第一行中，你會看到一個URL（'http：//errors.angularjs ....'），如果你點擊那個URL，你將得不到有關錯誤的信息得到 –

從那裏刪除那個過濾器，並嘗試 –

你的代碼是罰款只需更換

$scope.matchList = response.data;

與

$scope.matchList = response.data.data;

，因爲實際數據來自response.data中的數據。

來源

2016-08-04 11:58:44 localhost

好點！ –

非常感謝你！我從這兩天開始在這裏拍.. –

不客氣。我很高興做到這一點。 – localhost

以角度獲取api數據

回答

相關問題