Je reçois une réponse JSON comme ceci:calculer la moyenne avec AngularJS dans JSON imbriqué
{
"productDesc": "Other posterior corneal dystrophies",
"ProductId": 1,
"productName": "Keylex",
"productPrice": 3529.24,
"productStatus": false,
"productStock": 23,
"productModifyDate": "2016-10-13T20:13:12",
"productUrl": "http://dummyimage.com/153x172.jpg/5fa2dd/ffffff",
"ReviewProducts": [
{
"ratingReview": 8.2,
"reviewDesc": "aaaaa",
"ReviewProductIdNumber": 1,
"User": {
"username": "hsullivan0",
"UserId": 1,
"name": "Heather",
"lastName": "Sullivan"
}
},
{
"ratingReview": 6.8,
"reviewDesc": "mattis pulvinar nulla pede ullamcorper augue a suscipit nulla elit ac nulla sed",
"ReviewProductIdNumber": 2,
"User": {
"username": "jcarrod",
"UserId": 878,
"name": "Jessica",
"lastName": "Carr"
}
}
]
}
Ce que je veux faire est de calculer la ratingReview moyenne de chaque produit et le montrer, maintenant mon html ressemble à ceci:
<div class="col-sm-4 col-lg-4 col-md-4" ng-repeat="x in product | limitTo:30">
<div class="thumbnail">
<img ng-src="{{x.productUrl}}" alt="">
<div class="caption">
<h4 class="pull-right">{{x.productPrice | currency}}</h4>
<h4>
<a href="#">{{x.productName}}</a>
</h4>
<p>{{x.productDesc}}.</p>
</div>
<div class="ratings" ng-repeat="review in x.ReviewProducts">
<p class="pull-right">{{review.ratingReview}}</p>
<p>
<span class="glyphicon glyphicon-star"></span>
</p>
</div>
</div>
</div>
ressemble en fait dans le navigateur:
ce que je veux quelque chose comme ceci:
BTW tous les produits ont une note d'examen ainsi dans le cas est rien show vide
Vous souhaitez probablement calculer la moyenne avant de l'envoyer au frontal. Votre message du serveur viendrait avec cela dans un en-tête, puis la liste des produits. –
parce que vous utilisez répéter, il va répéter tous les avis et montrer comme ça – Akashii