AngularJS - how to get unique values?

Question

Could anyone please help me on getting unique values for Math.random()? I want to have random number in each 3x3 cell, but so far I'm manage to get only THIS result (same number in all 5 cells).

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>

Use $scope.showRandom = function () { return Math.floor(Math.random() * 9 + 1); }; instead. — Blackhole
– Blackhole, Commented May 14, 2014 at 14:49
You may want to look into directives with isolated scope - docs.angularjs.org/guide/directive — Matt M
– Matt M, Commented May 14, 2014 at 14:58

Tom · Accepted Answer · 2014-05-14 14:52:33Z

2

You're setting var Random on the global scope when your app initializes and then returning that instance every time. You need to get a new random number each time:

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

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

Or, if you do infact want Random on the global scope, make it the function, and then call it:

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

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

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

answered May 14, 2014 at 14:52

Tom

7,7401 gold badge26 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS - how to get unique values?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related