javascript - 使用 Angular 函数根据输入动态添加大量图像

Question

我正在从 Google 电子表格中提取数据，输入类似于“4-asdf”。

我使用 Javascript 将其按破折号分开

var arr = input.split('-');
var stars = arr[0];

我想解析星星元素，以便为评级添加星星数量。此代码位于名为 parseRating 的 $scope 函数中。

在前端，我有这样的东西

<div ng-repeat="place in places">
  {{ parseRating(place.input) }}
</div>

有什么方法可以用 Angular 返回图像吗？我知道我可以用该函数返回字符串。或者有更简单的方法来实现这一点吗？

Answer 1

如果我理解正确的话，您想根据评级重复相同的元素(星形图像)。

所以我会这样做

<div ng-repeat="star in parseRating(place.input) track by $index">
    <img src="star.gif" >
<div>

在 Controller 中我会做类似的事情:

$scope.parseRating = function(input) {
    var arr = input.split('-');
    var stars = arr[0];
    return new Array(stars * 1);   
};

这是一个plunker