2017-09-06 28 views
2

私はangularjsを初めて使っています。私はそれを学びたいと考えています。 Ajax $http serviceのための小さな練習アプリで働いている間、私は以下のエラーを受けました。以下は私が使ったコードです。

<script type="text/javascript"> 

var app=angular.module("angulardata",[]); 

app.controller("angulardata",["$scope","$http",function($scope,$http) 
{ 

$http.get('employee.json').then(function(response){ 

$scope.employees=response; 
}); 

}]); 


    </script> 
</head> 

<body ng-app="angulardata" ng-controller="angulardata"> 

<h2>Employee Data</h2> 
<table> 
<tr ng-repeat="emp in employees"> 
<td>{{emp.firstname}}</td> 
<td>{{emp.lastname}}</td> 
<td>{{emp.Age}}</td> 
<td>{{emp.salary}}</td> 


</tr> 
</table> 

enter image description here

+1

あなたは確かURLですjsonファイルには正しいですか? –

+0

'$ scope.employees = response;'は '$ scope.employees = response.data; 'でなければなりません。また、' .json' URLをダブルチェックしてください。 –

+0

あなたのファイルが有効なjson –

答えて

2

あなたのJSONファイルは無効です: あなたのJSONはここに正しいかどうかを常に確認することができ、この

[ 
     { "firstname":"Gunjan", "lastname":"Limbachiya", "Age":30, "salary":50000}, 
     { "firstname":"Pramod", "lastname":"Limbachiya", "Age":57, "salary":70000 }, 
     { "firstname":"Kashyap", "lastname":"Limbachiya", "Age":28, "salary":60000 }, 
     { "firstname":"Malhar", "lastname":"Limbachiya", "Age":30, "salary":220000 } 
    ] 

を使用しよう:https://jsonformatter.curiousconcept.com/

+0

ありがとうございました – Gunjan

関連する問題