Filter array with AngularJS in Javascript file

Question

I've got an array. If someone reserve a table, reserve in the array is set to true.

$rootScope.tafels = [
    {id: 0, text:'table 2a, 4 persons.', reserve:false}, 
    {id: 1, text:'table 3b, 8 persons.', reserve:false}
];

And I've got an function for returning the length of the array:

$rootScope.getTotaalTafels = function()
    { return $rootScope.tafels.length; };

Now the difficult part that I can not solve, maybe you can:

I want to return the total tables that are not reserved, with my function showed above. How do I apply a filter to it?

David Mulder · Accepted Answer · 2013-05-29 13:37:03Z

2

Javascript 1.6 implements the filter function which allows exactly this:

$rootScope.getTotaalTafels = function(){
    return $rootScope.tafels.filter(function(value,index){
        return !value.reserve;
    }).length;
};

If you need to support older browsers there is a backward compatible function implementing this behaviour available here.

answered May 29, 2013 at 13:37

David Mulder

27.1k11 gold badges59 silver badges120 bronze badges

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

Comments

EpokK · Accepted Answer · 2013-07-24 13:08:16Z

2

Use $filter with the last version of AngularJS ;)

answered Jul 24, 2013 at 13:08

EpokK

38.1k9 gold badges63 silver badges69 bronze badges

Can you provide an example of how $filter would be used for the dataset in question?