Angular - Filter an array

Question

I was wondering how I can filter an array to show only results if a property in the array is empty. I have tried the following but to no avail:

<tr ng-repeat="performanceOrder in performanceOrders | filter: salesId.length === 0">

I only want to show results if salesId is empty, is this possible?

Edit

salesId is a property of performanceOrder

performanceOrder: {
    salesId: "S273626",
    status: "Open",
    ...
}

Try == instead of ===, it might be comparing a string to an int. — Zack Argyle
– Zack Argyle, Commented Dec 11, 2013 at 17:20

Oliver · Accepted Answer · 2013-12-11 16:36:28Z

1

With ngShow:

<tr ng-show="!salesId.length" ng-repeat="performanceOrder in performanceOrders">

With ngIf:

<tr ng-if="!salesId.length" ng-repeat="performanceOrder in performanceOrders">

answered Dec 11, 2013 at 16:36

Oliver

4,4712 gold badges23 silver badges18 bronze badges

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

3 Comments

charlietfl Over a year ago

show and filter do different things...can't get a filter count for example with this approach

Oliver Over a year ago

Yeah, I wasn't sure where salesId comes from. It doesn't look like as a part of performanceOrders, so I figured if salesId is empty ng-repeat shouldn't run at all.

CallumVass Over a year ago

@OlivérKovács salesId is a property on a performanceOrder, so I don't think ng-show and ng-if apply, as it needs to be a filter

Sandro Munda · Accepted Answer · 2013-12-11 16:34:38Z

0

You can use a function inside the filter like this:

<tr ng-repeat="performanceOrder in performanceOrders | filter: myFilter()>

Then, in your corresponding controller, you can do something like:

$scope.myFilter = function (val) {
  return val.salesId.length === 0;
}

answered Dec 11, 2013 at 16:34

Sandro Munda

41.2k24 gold badges102 silver badges125 bronze badges

1 Comment

zs2020 Over a year ago

@BiffBaffBoff Remove () from myFilter().

Collectives™ on Stack Overflow

Angular - Filter an array

Edit

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Edit

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related