AngularJS get length by filtering 3rd level property

Question

I have been trying to get the count of items that have a specific text match for a specific field but I haven't had any luck.

The link below is the closest example I have been able to implement, but all I can get it to return is the total number of entries in the table. Angular Count Filtered Data

When I insert {{data.length}} into the view, it returns the total number of entries. But when I change it to query the sub-field as {{(data|filter:{team:'A'}).length}} or {{(data|filter:{custom_fields.team:'A'}).length}} it returns a 0.

[{
    "id": 1,
    "custom_fields": {
        "team": ["A"]
    }
},{
    "id": 2,
    "custom_fields": {
        "team": ["B"]
    },
},{
    "id": 3,
    "custom_fields": {
        "team": ["A"]
    }
}]

Any thoughts or suggestions?

If I use an input field such as: {{(data|filter:search).length}} It returns the right length, but I want the counts to load without entering anything in an Input field — TheIntrepidSpiff, Dec 26 '14 at 21:36

score 2 · Accepted Answer · answered Dec 26 '14 at 21:36

2

You can do that by filtering nested objects:

{{(data|filter:{custom_fields: {team: ['A']} }).length}}

Demo.

answered Dec 26 '14 at 21:36

Walid Ammar

4,038
3
25
48

Thank you! I spent far too much time and you've saved me even more! – TheIntrepidSpiff Dec 26 '14 at 21:44

AngularJS get length by filtering 3rd level property

1 Answers1