javascript - 每次加载 Controller 时生成相同的随机数

Question

我有 Icon 和一个 scope.id ，我每次都用 Icon 分配不同的颜色代码。假设

angular.module('myAppp').controller('myCtrl',function(){
    scope.id=[0,1,2,3];
    //generate random number
    $scope.Icon=[];
    for(i=0;i<scope.id.length;i++) {
        var ran= Math.floor( Math.random()*255)+$scope.id[i];
        $scope.Icon.push(ran);
    }   
});

HTML

<div ng-repeat='id in id'>
    <span style="background-color:rgb({{$scope.Icon[$index]}},255,255)">{{id}}</span>
</div>

所以我希望当我再次重新加载我的页面时它应该再次获得相同的颜色但是现在它会返回不同的颜色因为 Math.random()

请建议我或指导我，因为我是新手。

Answer 1

您可以使用 cookies存储当前值。

每次您加载页面时检查是否有以前存储的 cookie，如果没有，您分配一个随机值并将其存储在新 cookie 中。

每次更改颜色时，都必须将值分配给 cookie，因此每次用户加载或重新加载页面时，如果已经有值，则将颜色设置为 cookie 中的值。

这里是一个关于如何在 angularjs 中使用 cookies 的例子:
http://www.tutorialsavvy.com/2014/11/angularjs-cookie-example.html/