我是Angular js的新手,我想通过ajax传递一个静态json文件,我给出下面的代码。如何将json文件的数据显示到我不知道的索引文件中。因为我是angularjs的新手,请帮助我这些
的index.php
<body ng-app="Mymodule">
<div ng-controller="recordscontroller">
<table style="width:500px; border:solid 2px #CCC;">
<thead>
<tr style="text-align:left;">
<th>First Name</th>
<th>Last Name</th>
<th>Gender</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="emp in employee | orderBy : '-salary'">
<td>{{ emp.firstname }}</td>
<td>{{ emp.lastname }}</td>
<td>{{ emp.gender }}</td>
<td>{{ emp.salary | currency: 'Rs' }}</td>
</tr>
</tbody>
</table>
</div> <br>
</body>
的script.js
var app = angular.module("Mymodule",[]);
app.controller("recordscontroller", function($scope, $http){
var url = "data/records.json";
$http.get(url).success(function (response){
$scope.employee = response;
});
});
records.json
[
{
"firstname":"Kishan",
"lastname":"Dalsania",
"gender":"Male",
"salary":15000
},
{
"firstname":"Dipesh",
"lastname":"Mungara",
"gender":"Male",
"salary":20000
},
{
"firstname":"Roshan",
"lastname":"Trivedi",
"gender":"Male",
"salary":25000
},
{
"firstname":"Jay",
"lastname":"Dalsania",
"gender":"Male",
"salary":30000
},
]
答案 0 :(得分:1)
您的JSON无效JSON。
如果您查看此版本
https://jsfiddle.net/Mephiztopheles/qwd0y1pa
而这个
https://jsfiddle.net/Mephiztopheles/qwd0y1pa/1/
JSON.parse('[{"firstname":"Kishan", "lastname":"Dalsania","gender":"Male","salary":15000},{ "firstname":"Dipesh", "lastname":"Mungara", "gender":"Male","salary":20000},{ "firstname":"Roshan", "lastname":"Trivedi", "gender":"Male", "salary":25000 }, { "firstname":"Jay", "lastname":"Dalsania", "gender":"Male", "salary":30000},]')
你会看到