Get the length based on specific condition using Angular.js

Question

We have the below HTML code which uses Angular.js,

<div ng-if="$scope.IsResult == false">
  <label style="font-weight: bold;"> Count : {{student.length }}</label>
</div>

Here the student is the JSON array returned and contains few records with student.Active=false.

Currently its displaying all students count. We need to display the length only for active students i.e student.Active=true. How can I achieve this in Angular.js.

Please advise.

I created a library which gives you some simple functions to manipulate arrays. You can use .Count({ active: true}) to find how many items have active set to true! — Callum Linington
– Callum Linington, Commented Nov 6, 2014 at 13:27
@No1_Melman Underscore.js is another great library which has a lot of functions like this, it's like Linq for Javascript, very cool — JMK
– JMK, Commented Nov 6, 2014 at 13:30
@JMK Yeah, the aim with my library is to allow the user to add what ever they wish using the underlying api. But also to be minimalistic in terms footprint and code. There are plenty of other libraries out there for dealing with this problem. I just created my library for this exact situation — Callum Linington
– Callum Linington, Commented Nov 6, 2014 at 13:41

JMK · Accepted Answer · 2014-11-06 13:39:14Z

1

You would be best putting a function in your controller which calculates this and calling that from your view.

So in your controller:

$scope.countInactiveStudents = function(student){
    var count = 0;
    for(var i = 0; i < student.length; i++){
        if(!student[i].Active){
            count++;
        }
    }
    return count;
}

And in your view:

<label style="font-weight: bold;"> Count : {{countInactiveStudents(student) }}</label>

edited Nov 6, 2014 at 13:39

answered Nov 6, 2014 at 13:28

JMK

28.2k56 gold badges176 silver badges293 bronze badges

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

2 Comments

Asik Over a year ago

you should replace "i++" to "count++" :)

Skyrim Over a year ago

Wow it worked Thanks. Ya it was count++ then it worked.

Collectives™ on Stack Overflow

Get the length based on specific condition using Angular.js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related