Angular: Get length of instances in array

Question

Not sure exactly how to explain it but what i am trying to do is return the amount of times "Jack" is the string attached to the winner property in my array.

     function myCtrl($scope) {
       $scope.data = [{
         game: 1,
         dnscore: 10,
         bwscore: 9,
         winner: "Jack"
       }, {
         game: 2,
         dnscore: 9,
         bwscore: 10,
         winner: "Jill"
       }, {
         game: 3,
         dnscore: 9,
         bwscore: 10,
         winner: "Jill"
       }, {
         game: 4,
         dnscore: 6,
         bwscore: 10,
         winner: "Jill"
       }];
     };

Then be able to bind {{jackwins}} into my document. Any and all help is appreciated.

JB Nizet · Accepted Answer · 2014-03-01 08:00:46Z

1

$scope.jackWinCount = function() {
    var result = 0;
    for (var i = 0; i < $scope.data.length; i++) {
        if ($scope.data[i].winner == "Jack") {
            result++;
        }
    }
    return result;
});

and in your template:

{{ jackWinCount() }}

answered Mar 1, 2014 at 8:00

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

Comments

pgregory · Accepted Answer · 2014-03-01 09:53:57Z

1

You may do it this way:

Change your data array with function add:

function myCtrl($scope) {
    $scope.data = [];
    $scope.add = function(dt){
        data.push(dt);
        if(dt.winner == "Jack")
            $scope.jackwins++;
    }
    $scope.jackwins = 0;
};

UPD. Or you may do it via function - this way is more flexible

function myCtrl($scope) {
    $scope.data = [
        {winner:"Jack", ...},
        {winner:"Jimm", ...}
    ];
    $scope.getWinsCount = function(name){
        var c = 0;
        for(var i=0;i<$scope.data.length;i++){
            if(name==$scope.data[i].winner)
                c++;
        }
        return c;
    };
};

Than you is your html you call it like this <div>{{getWinsCount('Jack')}}</div>

edited Mar 1, 2014 at 9:53

answered Mar 1, 2014 at 7:55

pgregory

2,0831 gold badge13 silver badges8 bronze badges

Comments

JQuery Guru · Accepted Answer · 2014-03-01 08:00:17Z

0

If u want to filter data in angular you can used filter on array to filter the data

Below is the example:

$scop.newFilterData=$filter("filter")($scope.data , {"winner": "Jill"});
{{$scop.newFilterData.length}}

answered Mar 1, 2014 at 8:00

JQuery Guru

6,9631 gold badge35 silver badges40 bronze badges

Collectives™ on Stack Overflow

Angular: Get length of instances in array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related