AngularJS讀取JSON文件$ http服務

-5

我無法使用#http服務從我的test.json文件中讀取數據。我在xampp localhost中運行了所有內容，無法真正瞭解發生了什麼，這裏是js代碼。先謝謝您的幫助。

<script type="text/javascript"> 
var app = angular.module('myApp', []); 
     app.controller('myCtrl', ['$http', '$scope', function($http, $scope){ 
      $http.get('test.json').success(function(response){ 
       $scope.myData = response; 
      }); 
     }]); 
</script>

編輯：這是JSON文件：
[{"id":"1","name":"John"}, {"id":"2","name":"Paul"},]

這是HTML的其餘部分：

<ul> 
    <li ng-repeat="data in myData"> 
     {{data.id}} 
     {{data.name}} 
    </li> 
</ul>

來源

2016-05-20 clr19

你的控制檯有錯誤嗎？ –

檢查你的js控制檯，並告訴我們什麼是錯誤或味精打印在那裏。 –

test.json在哪裏？你解析的是json的響應嗎？ – Sajal

-1

的$ HTTP遺留承諾的方法成功和錯誤已棄用。改爲使用標準然後方法。

JAVASCRIPT

<script type="text/javascript"> 
var app = angular.module('myApp', []); 
     app.controller('myCtrl', ['$http', '$scope', function($http, $scope){ 
      $http.get('test.json').then(function(response){ 
       $scope.myData = response; 
      }); 
     }]); 
</script>

來源

2016-05-20 16:13:36

-1

嘗試，並傳遞到範圍與angular.fromJson API之前格式化數據。

嘗試這種

$scope.myData = angular.fromJson(response);

代替

$scope.myData = response;

，記住，你應該有。然後不是成功解決希望它幫助。

來源

2016-05-20 16:31:41 DLoneDeveloper

剛剛嘗試使用angular.fromJson，現在控制檯顯示404錯誤。 – clr19

不要緊，我有錯誤的名稱，這就是爲什麼404發生，但仍然有同樣的問題。控制檯也沒有錯誤。 – clr19

AngularJS讀取JSON文件$ http服務

回答

相關問題