根据AngularJS值重复图像[重复]

提问者：小点点

我有一个值{{catadata2.EndorsementList['0'].Rating}}。值可以有3，4或5。我希望根据该值重复image。如果值为3，图像应该显示3次，如果值为4，图像应该显示4次。

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

共2个答案

匿名用户

试试这样想:

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

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

匿名用户

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>