我的json响应如下:
var res =
{
"response": {
"data": {
"profilesearchsnippet": [
[
{
"profileInfo": {
"firstname": "Sundar",
"lastname": "v",
"gender": "male",
"country": "Afghanistan",
"state": "Badakhshan",
"city": "Eshkashem",
"pincode": "",
"plancode": "T001",
"userid": 13
},
"roleInfo": {
"defaultphotoid": 94
}
}
],
[
{
"profileInfo": {
"firstname": "ghg",
"lastname": "vbhvh",
"gender": "male",
"state": "Badakhshan",
"city": "Eshkashem",
"pincode": "454",
"plancode": "T001",
"userid": 22
},
"roleInfo": {
"defaultphotoid": 171
}
}
]
]
}
}
}
我想在表中获取所有firstName,country State City。我缺少某个地方需要帮助的东西。
html:
<tr ng-repeat= "item in searchData">
<td>{{item.profileInfo.firstname}}</td>
<td> {{item.profileInfo.country}}</td>
</tr>
JS:
var searchData = res.response.data.profilesearchsnippet[0];
在JS中得到这样的情况: -
var searchData = res.response.data.profilesearchsnippet[0];;
在html中: -
<div ng-repeat= "item in searchData">
<tr ng-repeat= "itm in item">
<td>{{itm.profileInfo.firstname}}</td>
<td> {{itm.profileInfo.country}}</td>
</tr>
<div>
<tr ng-repeat= "item in searchData">
<td>{{item[0].profileInfo.firstname}}</td>
<td> {{item[0].profileInfo.country}}</td>
</tr>
您要访问的数据在另一个带有单个值的数组中,因此使用索引访问。
您只会使用一个:
var searchData = res.response.data.profilesearchsnippet[0];
尝试以下操作:
var searchData = res.response.data.profilesearchsnippet;
和template
:
<tr ng-repeat= "item in searchData">
<td>{{item[0].profileInfo.firstname}}</td>
<td> {{item[0].profileInfo.country}}</td>
</tr>
更新:
item[0].profileInfo
希望这会起作用。
希望这是您的要求,而您的DINT有国家 温室气体的字段,因此它不会出现在输出中,而是添加了一个静态味精
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<div ng-repeat= "item in searchData">
<p>{{item[0].profileInfo.firstname}}</p>
<p>{{item[0].profileInfo.country ||"no country data available "}}</p>
</div>
</body>
<script>
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = {
"response": {
"data": {
"profilesearchsnippet": [
[
{
"profileInfo": {
"firstname": "Sundar",
"lastname": "v",
"gender": "male",
"country": "Afghanistan",
"state": "Badakhshan",
"city": "Eshkashem",
"pincode": "",
"plancode": "T001",
"userid": 13
},
"roleInfo": {
"defaultphotoid": 94
}
}
],
[
{
"profileInfo": {
"firstname": "ghg",
"lastname": "vbhvh",
"gender": "male",
"state": "Badakhshan",
"city": "Eshkashem",
"pincode": "454",
"plancode": "T001",
"userid": 22
},
"roleInfo": {
"defaultphotoid": 171
}
}
]
]
}
}
};
$scope.searchData = $scope.name.response.data.profilesearchsnippet;
});
</script>
</html>