angular filter not working as expected

Question

In the below code its working for both filters. For example if I give

<li ng-repeat="list in arr | filter:DegreeName='masters'">

or

<li ng-repeat="list in arr | filter:DegreeName='certificate'">

I get the result which is not expected. May be some silly mistake but I am not able to figure out.

html

<div ng-controller="MyCtrl">
    <li ng-repeat="list in arr | filter:DegreeName='masters'">
    {{list.Name}}-{{list.DegreeName}} - {{list.DegreeCode}}{{list.URL}}
    </li>
</div>

JS

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
alert();
    $scope.arr = [{"URL":"/online-degrees/certificate-nursing-education","NavKey":"certificate-nursing-education","Name":"Nursing Education","AOS":"Nursing","DegreeName":"certificate","DegreeCode":"CERT","LearningFormat":"Structured","DegreeTitle":"Post-Masters Certificate"}];
}

Pankaj Parkar · Accepted Answer · 2016-06-21 13:11:25Z

3

You should be specifying data to be match in JSON format.

<li ng-repeat="list in arr | filter: {DegreeName: 'masters'}">

Working Fiddle

You could pass equality check value to true, if you want to filter those many value which are exactly matching with text. But as I can see the 1st part of the solution would be appropriate for your scenario.

<li ng-repeat="list in arr | filter: {DegreeName: 'masters'}: true">

edited Jun 21, 2016 at 13:11

answered Jun 21, 2016 at 12:46

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

6 Comments

Susheel Singh Over a year ago

Thanks but what was the issue and why was it working randomly

Susheel Singh Over a year ago

its breaking when I am using multiple filters like on is custom filter example list in doctorallist = (arr | programListingFilter:map | filter:{DegreeName='doctoral'}) here programListingFilter:map return some list from that I need to filter by doctoral

Pankaj Parkar Over a year ago

What is programListingFilter:map

Susheel Singh Over a year ago

check my code i added. map is array of indices [0,2,3,2] etc

Susheel Singh Over a year ago

sorry ignore it was some other issue I fixed. Thanks for heads up.

|

Collectives™ on Stack Overflow

angular filter not working as expected

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related