Angular.js filter by exact values (strict equality)

Question

I have following html code

  <ul ng-repeat="friend in friends | filter: { age: '2' } | orderBy: 'name' ">
   <li>{{friend.name}}</li>
  </ul>

Here is my $scope variable

 $scope.friends = [
{ name: "Peter",   age: 2 },
{ name: "Pablo",   age: 55 },
{ name: "Linda",   age: 20 },
{ name: "Marta",   age: 37 },
{ name: "Othello", age: 20 },
{ name: "Markus",  age: 32 }
];

It returns

Linda
Markus
Othello
Peter

How the comparison work in ng filter and How do i get friend having age 2 only

Peter

In order to have an exact match for your filter you will have to write down a custom filter.Refer to this question http://stackoverflow.com/questions/17480526/angularjs-filter-exact-match — Yameen, Feb 24 '15 at 05:53

m59 · Accepted Answer · 2015-02-24T06:03:22.350

24

As of Angular 1.2, you just need to add the strict parameter (true) to the filter so that it looks for an exact match, and pass 2 as a number instead of a string: filter:{age:2}:true

angular.module('myApp', [])
.controller('myCtrl', function($scope) {
   $scope.friends = [
    {name: "Peter",   age: 2 },
    {name: "Pablo",   age: 55},
    {name: "Linda",   age: 20},
    {name: "Marta",   age: 37},
    {name: "Othello", age: 20},
    {name: "Markus",  age: 32}
  ]; 
})
;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
  <ul ng-repeat="friend in friends | filter:{age:2}:true | orderBy: 'name' ">
   <li>{{friend.name}}</li>
  </ul>
</body>

edited Feb 24 '15 at 06:03

answered Feb 24 '15 at 05:52

m59

43,214
14
119
136

Can you have a look at http://jsfiddle.net/w4L9zswo/ .I tried what you said but it's not working. – squiroid Feb 24 '15 at 05:58
i edited the comment actaully it is including I in the link :-) – squiroid Feb 24 '15 at 06:00
1

Thanks i solved it actually there is the version problem it will not work in 1.0.x but it is working in 1.2.x :-) – squiroid Feb 24 '15 at 06:01
@squiroid was just about to tell ya =D Answer updated to include version. – m59 Feb 24 '15 at 06:01
@OP m59 answer is awesome but keep in mind the verion you are using :-) – squiroid Feb 24 '15 at 06:02

score 1 · Answer 2 · answered Feb 12 '17 at 14:11

Added directive to convert the model value to number workded for me after setting strict parameter (true).

myApp.directive('convertNumber', [function() {
  return {
    require: 'ngModel',
    link: function(scope, el, attr, ctrl) {
      ctrl.$parsers.push(function(value) {
        return parseInt(value, 10);
      });

      ctrl.$formatters.push(function(value) {
        if (value != null) {
          return value.toString();
        };
      });      
    }
  }
}]);

Angular.js filter by exact values (strict equality)

2 Answers2