根据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或this answer之类的技术来实现计数循环，其函数返回控制器中定义的集合。

在您的控制器中：

$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" />

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

重复数组元素