在javascript/Angular中，将0到1000作为图像计数

这是我的号码：

我想按图像数到0到1000，并在它们之间加逗号，例如，如果数字===1，则显示1.png
实现这样的目标最好的方法是什么

   $scope.number = 0;
    function countNumber(){
        if($scope.number >= 1000){
            return false;
        }else{
            $scope.number += 10;
        }

    }

    $interval(countNumber,100); 

---

提前感谢

如果您希望按顺序执行，从一个循环到下一个循环，您可以这样做（假设

$sce

和

ngSanitize

可用）

那么在你看来,

<img ng-src="{{imgSrc}}">

<img ng-repeat="image in images" ng-src="{{image}}">

那么在你看来,

<img ng-src="{{imgSrc}}">

<img ng-repeat="image in images" ng-src="{{image}}">

---

看起来您希望组合数字图像（

0.png

，

1.png

，

2.png

，等等），而不仅仅是输出单个图像（例如

1234.png

）

要做到这一点，您需要将图像彼此相邻。例如：

// JS: list out digits
$scope.digits = [1, 2, 3, 4];

// HTML: repeat through digits and output the correct image
<img ng-repeat="d in digits" ng-src="{{'images/' + d + '.png'}}" />

//JS:列出数字
$scope.digits=[1,2,3,4]；
//HTML：通过数字重复并输出正确的图像

---

我将把数字（例如

1234

）分解成数字（例如

[1,2,3,4]

）作为练习留给读者。

关于

ngsrc

？我不知道如何在这个问题上使用ngsrc:

和

$scope.myFunction=function（）{return$scope.number+'.png'

创建一个计数器（间歇）函数，该函数用于更改您在ng src中为图像源放入的范围变量。您不知道如何操作是什么意思？您已经阅读了文档，试图实现它，但失败了？或者甚至还没有阅读文档。假设我想数到20000，并想这样显示它：20000，我如何在它们之间添加逗号图像？是否你希望10不是在

10.png

，而是在

1.png

和

0.png

？是的，图像是这样的：1.png，2.png，3.png，等等。然后按照@Agop在另一个答案中的建议。你需要对数组中的图像执行

ngRepeat

。@sani，请在问题正文中指定所有要求。这在立场：“我如何才能添加逗号图像[作为千位分隔符]？”应该在问题中，就像你的答案一样，但我想数一数it@sani只需增加一个数字，将其拆分为数字，然后使用我展示的示例。我会告诉您，感谢您的时间$scope.digits=[]；var number=0；function countNumber（）{if（number>=1000000）{return false；}else{number+=1；$scope.split=number.toString（）.split（“”）；var res=number.toString（）.split（“”；$scope.digits.push（res）console.log（$scope.digits）；}$interval（countNumber，1000）；太接近了！不要执行

$scope.digits.push（res）

，只需执行

$scope.digits=number.toString（）.split（“”）

。现在，您正在将数字添加到数字列表中-您希望将数字替换为下一个数字的数字。