计算星级-替代ng-repeat

时间:2018-09-21 04:01:47

标签: javascript angularjs

我有一个对象数组,每个对象都包含一个star_rating属性

[{ name: 'Chemistry', star_rating: 3 },
 { name: 'Physics', star_rating: 5 }]

我正在通过ng-repeat在列表中显示这些对象。我想做的是在最大{@ {1}}个星星旁边显示一个对象的星星数量,因此列表看起来像这样

(5)

我有一个可以计算并显示此内容的现有解决方案

Chemistry [*][*][*][ ][ ]
Physics   [*][*][*][*][*]

这对于小型数组很好用,但是当列表增加(UI滞后并变得抖动)时,性能会受到影响,因为这些重复数与对象数相乘

我当前的方法是否有更高效的解决方案?

感谢您的输入!

2 个答案:

答案 0 :(得分:2)

{{1}}

答案 1 :(得分:1)

创建以下五个选项。我仅显示两个用于演示目的。

tracker

这应该可以解决您的问题。