ng-if 在 ng-repeat 中。显示房产的前 5 个高度答案

【问题标题】：ng-if inside a ng-repeat. show the top 5 heights of a propertyng-if 在 ng-repeat 中。显示房产的前 5 个高度
【发布时间】：2023-03-27 11:20:01
【问题描述】：

我有一个运行在一组图片上的 ng-repeat 元素。每张图片都有总喜欢和分享的属性。我想将一个 HTML div 添加到总喜欢和分享的前 5 个高度。

我该怎么做？

需要提前计算总金额吗？

【问题讨论】：

你一定要提前计算。在您的模板中进行数学运算将是多余的，因为对数组中的每个项目都会进行一次相同的数学运算。此外，您可能希望对数组进行排序，以便最先出现的项目，是吗？考虑为您的数组项目添加一个排名字段，以便您可以对它们进行排序，然后设置前五个的样式。

【解决方案1】：

(1.)您可以在图片对象数组（首选）上运行一个地图，这将为每个图片对象创建一个“sumLikeAndShares”属性（显然是喜欢和分享的总和），然后您可以运行您的通过该属性进行 ng-repeat，(2.) 或创建一个自定义排序过滤器，它将为您排序。

(1)如何按属性运行ng-repeat：

ng-repeat="picture in pictures track by picture.sumLikeAndShares

【讨论】：