ng-repeat only objects with specific property value - custom filter?

Question

So say I have a JSON object 'user' with some basic properties like: 'name', 'address', 'role', etc.

I want the ng-repeat to only spit out the objects in which the property 'role' equates to 'administrator'. How would I go about doing that?

I'm thinking something like a custom filter, or possibly making a scope variable where I put the matching objects in an array, and then repeat through them.

What is the best practice for this case?

Thanks.

Anthony Chu · Accepted Answer · 2014-06-29 04:08:31Z

10

The built in filter can handle this case...

<div ng-repeat="user in users | filter : {role: 'administrator'} : true">
   ...
</div>

answered Jun 29, 2014 at 4:08

Anthony Chu

37.6k10 gold badges85 silver badges72 bronze badges

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

2 Comments

Matt MacLeod Over a year ago

Quick question: this works fine for top-level properties, but my user case requires me to filter by a property that is one level down. $scope.user = User.get(); $scope.user.role.name; is the property I need to filter by.

Anthony Chu Over a year ago

It'd take slightly more work but you should be able to pass a predicate function into the filter to apply any custom logic you need. For example: function (value) { return value.role.name === "administrator"; }

Collectives™ on Stack Overflow

ng-repeat only objects with specific property value - custom filter?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related