Javascript 角度重复评级图像
我有两个PNG,一个是空星,一个是满星。根据1-5的评级,我想添加或删除更多的明星图片。以下是我的代码,它不起作用:Javascript 角度重复评级图像,javascript,angularjs,Javascript,Angularjs,我有两个PNG,一个是空星,一个是满星。根据1-5的评级,我想添加或删除更多的明星图片。以下是我的代码,它不起作用: <div> <img ng-repeat="i in getNumberOfFullStars(company.AverageReview)" ng-src="{{starPhoto}}"> <img ng-repeat="i in getNumberOf
<div>
<img ng-repeat="i in getNumberOfFullStars(company.AverageReview)" ng-src="{{starPhoto}}">
<img ng-repeat="i in getNumberOfEmptyStars(company.AverageReview)" ng-src="{{emptyPhoto}}">
</div>
有什么想法吗?感谢您的帮助您可以使用一个图像,然后对照$index进行检查,而不是使用两个单独的图像。修改以满足您的需要
<div>
<img data-ng-repeat="i in ratings" data-ng-src="{{ ($index < company.AverageReview) && starPhoto || emptyPhoto }}" />
</div>
$scope.ratings=[];
$scope.ratings.length = 5;
$scope.ratings=[];
$scope.ratings.length=5;
这对我来说是重复的:你可以检查html以查看图像是否存在(即使它们的src为空,因为我没有你的星图或空照片)
<div>
<img data-ng-repeat="i in ratings" data-ng-src="{{ ($index < company.AverageReview) && starPhoto || emptyPhoto }}" />
</div>
$scope.ratings=[];
$scope.ratings.length = 5;