Javascript 角度JS显示JSON中数组中的值
下面是我正在使用的JSON。我想能够显示的网址是在contentInfo。我可以用当前的角度代码显示Uniqukey，但我不确定如何对数组中的数组进行显示。我已经尝试了一些事情，并使自己有点混乱，所以任何帮助都将不胜感激。基本上，您可以在搜索框中键入项目编号，然后点击run并返回该url 谢谢 JSONJavascript 角度JS显示JSON中数组中的值,javascript,arrays,json,angularjs,Javascript,Arrays,Json,Angularjs,下面是我正在使用的JSON。我想能够显示的网址是在contentInfo。我可以用当前的角度代码显示Uniqukey，但我不确定如何对数组中的数组进行显示。我已经尝试了一些事情，并使自己有点混乱，所以任何帮助都将不胜感激。基本上，您可以在搜索框中键入项目编号，然后点击run并返回该url 谢谢 JSON { "products": [ { "uniqueKey": "trn:tesco:product:uuid:2cee5
{
"products": [
{
"uniqueKey": "trn:tesco:product:uuid:2cee5245-23a7-4d51-af6d-f63b3e157492",
"TPNB": "050020430",
"TPNC": "254876305",
"GTIN14": "05000119001467",
"sellingUnitOfMeasure": "EA",
"marketingTextInfo": [
{
"text": "Baked beans in tomato sauce.\n",
"source": "Sonetto"
}
],
"contentInfo": [
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_90x90.jpg",
"default": "Y",
"source": "Sonetto",
"status": "",
"type": ""
},
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_60x60.jpg",
"default": "N",
"source": "Sonetto",
"status": "",
"type": ""
},
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_110x110.jpg",
"default": "N",
"source": "Sonetto",
"status": "",
"type": ""
},
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_225x225.jpg",
"default": "N",
"source": "Sonetto",
"status": "",
"type": ""
},
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_77x92.jpg",
"default": "N",
"source": "Sonetto",
"status": "",
"type": ""
},
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_126x150.jpg",
"default": "N",
"source": "Sonetto",
"status": "",
"type": ""
},
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_150x300.jpg",
"default": "N",
"source": "Sonetto",
"status": "",
"type": ""
},
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_45x45.jpg",
"default": "N",
"source": "Sonetto",
"status": "",
"type": ""
},
{
"url": "http://img.tesco.com/Groceries/pi/467/5000119001467/IDShot_540x540.jpg",
"default": "N",
"source": "Sonetto",
"status": "",
"type": ""
}
],
"brandInfo": [
{
"brand": "TESCO",
"source": "RMS"
}
],
"statusInfo": [
{
"status": "Approved",
"source": "RMS"
}
],
"whatsInBoxInfo": [],
"prizesAwardsWonInfo": [],
"commercialHierarchy": {
"department": "G13 BAKED BEANS & CAN PASTA",
"division": "G AMBIENT DRY GROCERY",
"group": "G1 MAIN MEALS",
"class": "G13A BAKED BEANS & VARIANTS",
"subclass": "G13AABAKED BEANS"
},
"GTIN": [],
"status": "",
"itemNumber": "050020430",
"TPNA": "401877209",
"sellByType": "I",
"ukEPWIndicator": "N",
"roiEPWIndicator": "N",
"tillDescription": "BAKED BEANS",
"selInfo": [
{
"lineno": "1",
"description": "TESCO BAKED BEAN",
"source": "RMS"
},
{
"lineno": "2",
"description": "IN TOMATO SAUCE",
"source": "RMS"
},
{
"lineno": "3",
"description": "220G",
"source": "RMS"
}
],
"description": "",
"brand": "",
"customerFriendlyDescription": "Tesco Baked Beans In Tomato Sauce 220G",
"components": [],
"ingredients": [
"Haricot beans (49%)",
"Water",
"Tomato Purèe (20%)",
"Sugar",
"Modified Maize Starch",
"Salt",
"Onion Powder",
"Colour (Paprika Extract)",
"Maltodextrin",
"Spice Extracts"
],
"storage": [
"Store in a cool, dry place. Once opened transfer contents into a non metallic",
"container, cover and refrigerate. Consume within 2 days."
],
"gda": [
{
"name": "Energy",
"value": "190",
"percent": "10"
},
{
"name": "Fat",
"value": "1.1",
"percent": "2"
},
{
"name": "Saturates",
"value": "0.2",
"percent": "1"
},
{
"name": "Salt",
"value": "1.4",
"percent": "23"
},
{
"name": "Sugars",
"value": "12.1",
"percent": "13"
}
],
"nutritionalInfo": [
{
"name": "Typical Values",
"perComp": "100g contain",
"perServing": "Each can (220g) contains"
},
{
"name": "Energy",
"perComp": "365kJ (87kcal) ",
"perServing": "803kJ (190kcal) "
},
{
"name": "Protein",
"perComp": "4.3g",
"perServing": "9.5g"
},
{
"name": "Carbohydrate",
"perComp": "14.1g",
"perServing": "31.0g"
},
{
"name": "Sugars",
"perComp": "5.5g",
"perServing": "12.1g"
},
{
"name": "Fat",
"perComp": "0.5g",
"perServing": "1.1g"
},
{
"name": "Saturates",
"perComp": "0.1g",
"perServing": "0.2g"
},
{
"name": "Fibre",
"perComp": "4.1g",
"perServing": "9.0g"
},
{
"name": "Salt",
"perComp": "0.6g",
"perServing": "1.4g"
}
],
"allergenInfo": [],
"defaultImage": "",
"imageUrl": [],
"marketingText": "",
"pkgDimensionInfo": [],
"productSummaryInfo": [],
"countryAuthInfo": [
"GB",
"IE"
],
"suspended": "N",
"baseDescriptionInfo": [
{
"lineNo": "1",
"description": "TESCO BAKED BEAN",
"source": "RMS"
},
{
"lineNo": "2",
"description": "IN TOMATO SAUCE ",
"source": "RMS"
},
{
"lineNo": "3",
"description": "220G ",
"source": "RMS"
}
],
"epiSelInfo": [
{
"lineNo": "1",
"description": "",
"source": "RMS"
},
{
"lineNo": "2",
"description": "",
"source": "RMS"
},
{
"lineNo": "3",
"description": "",
"source": "RMS"
},
{
"lineNo": "4",
"description": "",
"source": "RMS"
},
{
"lineNo": "5",
"description": "",
"source": "RMS"
}
],
"styleCode": "",
"unitQty": "KG",
"epiSelCategory": "",
"productDatesInfo": [
{
"country": "GB",
"date": "",
"dateType": "deactivate",
"source": "RMS"
},
{
"country": "IE",
"date": "",
"dateType": "deactivate",
"source": "RMS"
},
{
"country": "GB",
"date": "",
"dateType": "suspend",
"source": "RMS"
},
{
"country": "IE",
"date": "",
"dateType": "suspend",
"source": "RMS"
},
{
"country": "GB",
"date": "06/08/1989 00:00:00",
"dateType": "launch",
"source": "RMS"
},
{
"country": "IE",
"date": "22/03/2009 00:00:00",
"dateType": "launch",
"source": "RMS"
}
],
"drainedIndicatorInfo": [
{
"country": "GB",
"indicator": "N",
"source": "RMS"
},
{
"country": "IE",
"indicator": "N",
"source": "RMS"
}
],
"quantityInfo": [
{
"quantity": "220",
"quantityUom": "G",
"source": "RMS"
}
],
"variantReasonCode": "N",
"commercialHierarchyInfo": {
"divisionCode": "G",
"divisionNumber": "700",
"divisionName": "AMBIENT DRY GROCERY",
"departmentCode": "G1",
"departmentNumber": "710",
"departmentName": "MAIN MEALS",
"sectionCode": "G13",
"sectionNumber": "713",
"sectionName": "BAKED BEANS & CAN PASTA",
"classCode": "G13A",
"classNumber": "1",
"className": "BAKED BEANS & VARIANTS",
"subclassCode": "G13AA",
"subclassNumber": "1",
"subclassName": "BAKED BEANS"
},
"href": "http://product.global.tesco.org:8080/v2/products/trn%3Atesco%3Aproduct%3Auuid%3A2cee5245-23a7-4d51-af6d-f63b3e157492"
}
],
"total": 1,
"missingSet": []
}
<tr ng-repeat = "oneProduct in products">
<td ng-show="EANSwitch"> {{oneProduct.uniqueKey}} </td>
<td ng-show="descriptionSwitch"> {{productContentInfo.url}} </td>
你可以用另一种方法
<tr ng-repeat = "oneProduct in products">
<td ng-show="EANSwitch"> {{oneProduct.uniqueKey}} </td>
<td ng-show="descriptionSwitch"> {{productContentInfo.url}} </td>
<td ng-repeat="content in oneProduct.contentInfo">
{{content.url}}
</td>
{{oneProduct.uniqueKey}
{{productContentInfo.url}
{{content.url}
我不明白你所说的$scope.productContentInfo=products.contentInfo
是什么意思。也许您想使用$scope.productContentInfo=$scope.products.contentInfo。但是您可以完全跳过它，因为您已经在$scope.products
$scope.runSearch = function() {
$http.get("http://product.global.tesco.org:8080/v2/products?gtin=" + $scope.searchInput).success(function(theData) {
$scope.products = theData.products;
});
}
现在，对于HTML
，您可以在contentInfo
上重复ng
。
因此，修改后的HTML
如下所示：
<tr ng-repeat = "oneProduct in products">
<td ng-show="EANSwitch"> {{oneProduct.uniqueKey}} </td>
<td ng-show="descriptionSwitch" ng-repeat="u in oneProduct.contentInfo"> {{u.url}} </td>
{{oneProduct.uniqueKey}
{{u.url}}
不幸的是，由于我的声誉太低（第一篇帖子），我的投票结果对你们两人都没有显示出来，但我非常感激。对你的问题进行了投票，一旦你的声誉达到15，你就可以对答案进行投票。只剩下两个了。
<tr ng-repeat = "oneProduct in products">
<td ng-show="EANSwitch"> {{oneProduct.uniqueKey}} </td>
<td ng-show="descriptionSwitch" ng-repeat="u in oneProduct.contentInfo"> {{u.url}} </td>