根据 AngularJS 值重复图像

Question

我有一个值{{catadata2.EndorsementList['0'].Rating}}。值可能有 3 或 4 或 5。 我想根据该值重复图像 <img src="/assets/img/rating.png" />。如果值为 3 图像应显示 3 次，如果值为 4 图像应显示 4 次。

使用 angularJS 重复图像的任何可能解决方案。

Answer 1

ng-repeat 本身不支持计数循环；您需要迭代某种集合。

您可以使用 this answer or this answer 中类似的技术，通过 returns 一个在您的控制器中定义的集合的函数来实现计数循环。

在您的控制器中：

$scope.getTimes = function(n) {
  return new Array(n);
};

在您看来：

<span ng-repeat="i in getTimes(catadata2.EndorsementList['0'].Rating) track by $index">
  <img src="/assets/img/rating.png">
</span>

Answer 2

试试这样想：

   <img src="/assets/img/rating.png" ng-repeat="imagenumber in [].constructor(catadata2.EndorsementList['0'].Rating) track by $index" />

您只需在此处创建具有评级长度的数组，并使用图像重复数组元素