Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度重复评级图像_Javascript_Angularjs - Fatal编程技术网

Javascript 角度重复评级图像

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

我有两个PNG,一个是空星,一个是满星。根据1-5的评级,我想添加或删除更多的明星图片。以下是我的代码,它不起作用:

<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;