How to access property of filtered array in angular

Question

I have an array and I want to filter to get to a record that matches some other value so I'm doing this:

jobsCtrl.matchList | filter: {job_id: job.id}

Where the controller's matchList looks like this:

[{ job_id: 1, prop: 5},{job_id: 2, prop: 10 } ... ]

If I just output it like this it works: { job_id: 1, prop: 5}

But I want to access the prop property in the DOM, I would expect this to work:

{{ (jobsCtrl.matchList | filter: {job_id: job.id}).prop }}

But that just reads blank, is there a way to do this?

Thanks!

charlietfl · Accepted Answer · 2015-09-30 21:44:56Z

2

Since filter returns an array you can't directly access an object property of array.

You can however return the first element of the array and get the value of it's property

{{ (jobsCtrl.matchList | filter: {job_id: job.id})[0].prop }}

You wouldn't want to use this too much though, such as inside ng-repeat as it would be quite expensive . Keep in mind that digests may run multiple times each scope change

DEMO

edited Sep 30, 2015 at 21:44

answered Sep 30, 2015 at 21:29

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

2 Comments

Z2VvZ3Vp Over a year ago

Oh because you end up with an array after the filter. Seems obvious now. Thank you!

charlietfl Over a year ago

To be honest I've never done this but I know times I would have liked to. Gave me a new idea/ tool

manonthemat · Accepted Answer · 2015-09-30 21:29:40Z

0

Would this approach work for you?

<div ng-repeat="job in jobsCtrl.matchList | filter: {job_id: job.id}">
    <p>{{job.prop}}</p>
</div>

answered Sep 30, 2015 at 21:29

manonthemat

6,2712 gold badges29 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to access property of filtered array in angular

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related