javascript - AngularJS - 如何获得唯一值？

Question

有人可以帮我获取 Math.random() 的唯一值吗？我想在每个 3x3 单元格中有随机数，但到目前为止我只能得到 THIS结果(所有 5 个单元格中的数字相同)。

script.js:

var app = angular.module("myApp", []);

app.controller("RandomCtrl", function ($scope){
    $scope.showRandom = function () {
        return Random;
    };
});



var Random = Math.floor(Math.random() * 9 + 1);

index.html:

  <div ng-app="myApp">

            <div ng-controller="RandomCtrl">

                <table>
                    <tr>
                        <td>{{showRandom()}}</td>
                        <td>{{showRandom()}}</td>
                        <td>{{showRandom()}}</td>
                    </tr>
                    <tr>
                        <td>{{showRandom()}}</td>
                        <td>{{showRandom()}}</td>
                        <td>{{showRandom()}}</td>
                    </tr>
                    <tr>
                        <td>{{showRandom()}}</td>
                        <td>{{showRandom()}}</td>
                        <td>{{showRandom()}}</td>
                    </tr>

                </table> 
            </div>

Answer 1

当您的应用初始化时，您将在全局范围内设置 var Random，然后每次都会返回该实例。您每次都需要获得一个新的随机数:

var app = angular.module("myApp", []);

app.controller("RandomCtrl", function ($scope){
    $scope.showRandom = function () {
        return Math.floor(Math.random() * 9 + 1);
    };
});

或者，如果您确实希望在全局范围内使用Random，请将它设为函数，然后调用它:

var app = angular.module("myApp", []);

app.controller("RandomCtrl", function ($scope){
    $scope.showRandom = Random;
});

var Random = function() {
    Math.floor(Math.random() * 9 + 1);
}