Angular.js ng-repeat :filter by numeric field

Question

I am trying to apply a filter to a numeric field as follows:

ng-repeat="venue in venues | filter:{ regionId: regionId }"

however, if for example, the regionId is 2, it will return venues for regionId's 2, 12, 23 etc.

Can anyone please advise the best way to resolve this?

Will resort to that if I have to. It just feels like this should be feasible. — Lance
– Lance, Commented Oct 31, 2014 at 9:12

Lance · Accepted Answer · 2014-10-31 12:12:40Z

2

OK, here is what I got to work:

ng-repeat="venue in venues | filter:{regionId:selectedRegionId}:true"

The problem is that the strict comparison only works for strings and not integer types. I had to convert regionId to a string first, but it made no difference what type selectedRegionId was.

Note also that the use of the strict comparator is Angular version-specific!

answered Oct 31, 2014 at 12:12

Lance

1751 gold badge3 silver badges12 bronze badges

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

2 Comments

Robert Sirre Over a year ago

For me I didn't have to convert to string. The values I had were numeric from a Json object and the strict comparison worked.

Robert Sirre Over a year ago

I edited the plunkr to highlight the usage of the correct datatype, see the filter by id (don't forget to toggle strict filtering): plnkr.co/edit/Z7aaMZzrMVBGMfrhL1aw?p=preview

JB Nizet · Accepted Answer · 2014-10-31 08:08:43Z

0

The documentation says:

Usage

In HTML Template Binding
{{ filter_expression | filter : expression : comparator}}
[...]

comparator: function(actual, expected) | true | undefined

Comparator which is used in determining if the expected value (from the filter expression) and actual value (from the object in the array) should be considered a match.

Can be one of:

[...]

true: A shorthand for function(actual, expected) { return angular.equals(expected, actual)}. this is essentially strict comparison of expected and actual.

answered Oct 31, 2014 at 8:08

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

1 Comment

Lance Over a year ago

Thanks JB, but this use of strict is doing my head in. You will notice that the protractor test in the documentation doesn't actually work! I am trying to translate this into my code as follows: ng-repeat="venue in venues | filter:{ regionId: regionId } : true"

Collectives™ on Stack Overflow

Angular.js ng-repeat :filter by numeric field

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related