How to filter object attributes with AngularJS

Question

I have a array of categories object

categoriesTree : [
    {name: 'cat1', id:1, selected : true},
    {name: 'cat2', id:2, selected : false},
    {name: 'cat3', id:3, selected : true},
    {name: 'cat4', id:4, selected : false},
    {name: 'cat6', id:6, selected : true},
]

To get the selected categories I did:

selectedCategories = filterFilter($scope.categoriesTree, {selected:true})

this will give me:

categoriesTree : [
    {name: 'cat1', id:1, selected : true},
    {name: 'cat3', id:3, selected : true},
    {name: 'cat6', id:6, selected : true},
]

But to reduce the POST data to send, I just want the id attribue so I want an array like this:

['1', '3', '6']

Is that possible to do with AngularJS filters ?

nullpotent · Accepted Answer · 2014-03-04 16:46:21Z

2

res = categoriesTree.map(function(el) { return el.id; });

Short and simple, with the good ole js.

To answer your question: no, with filters you can't, but it is possible with forEach

answered Mar 4, 2014 at 16:46

nullpotent

9,2801 gold badge34 silver badges44 bronze badges

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

Comments

Martin · Accepted Answer · 2014-03-04 16:57:02Z

0

You can create your own custom angularjs filter that not only "filters" but also "projects" your set into a different set. I think you can definitely project each category object into just its ID.

See here for an example of how to create a custom filter in angularjs.

answered Mar 4, 2014 at 16:57

Martin

5,46232 silver badges41 bronze badges

Comments

Ganonside · Accepted Answer · 2014-05-30 00:30:46Z

0

you can use underscorejs's _.pluck method.

selectedCategories = _.pluck(_.filter(categoriesTree, function(category) {
    return category.selected;
}), 'id');

which returns an array of the values of all the id's where the corresponding selected value is true.

answered May 30, 2014 at 0:30

Ganonside

1,3191 gold badge10 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to filter object attributes with AngularJS

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