$filter not getting the desired output in angularjs

Question

I have JSON field like below,

"newId":5

i have my search object like,

{aId: "5", aName: "Other"}

and have written filter like,

$filter('filter')($scope.races, {newId:myObj.aId},true);

I get an empty array as output. I tried adding toString() also did not work. Am i doing anything wrong.

it worked when i make aId as integer ({aId: 5, aName: "Other"}) — OSAMA ORABI
– OSAMA ORABI, Commented Oct 15, 2015 at 7:18

OSAMA ORABI · Accepted Answer · 2015-10-15 07:27:43Z

1

You have two solution: 1- To make both fields of the same data type :

$scope.races = [{"newId":5}]
var myObje = {aId: 5, aName: "Other"};
$filter('filter')($scope.races, {newId:myObje.aId},true);

Note: aId = 5 (not "5").

2- to write your custom comparator

$filter('filter')($scope.races, {newId:myObje.aId},function(a,b){return a == b;});

Note: a==b (not a === b).

answered Oct 15, 2015 at 7:27

OSAMA ORABI

4411 gold badge4 silver badges14 bronze badges

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

2 Comments

Hacker Over a year ago

But i see in documentation that Primitive values are converted to strings. So if i do toString() its should work na. but it also does not.

OSAMA ORABI Over a year ago

Could you surround newId by " like s, {"newId":myObje.aId},

Aleksandar Gajic · Accepted Answer · 2015-10-15 07:14:51Z

0

filter expects that the $scope.races must be an array, so your response from JSON must be added to an array and in this case your code will work

var myObj = {aId: "5", aName: "Other"};
$scope.races = [{newId: 5}]
var result = $filter('filter')($scope.races, {newId: myObj.aId}, true);

answered Oct 15, 2015 at 7:14

Aleksandar Gajic

1,3591 gold badge18 silver badges23 bronze badges

3 Comments

Hacker Over a year ago

@ Aleksandar Gajic - yes its same structure. But it does not work

Aleksandar Gajic Over a year ago

Here is the jsfiddle link jsfiddle.net/cajg4yxz/1 and you can see it is working in this example

OSAMA ORABI Over a year ago

because aId and newId are not of the same data type.

Niezborala · Accepted Answer · 2015-10-15 07:41:30Z

0

I make a solution for you and I think it's work fine. The problem is in your filter:

$scope.result = $filter('filter')($scope.races, {
    newId: +$scope.myObj.aId //parse $scope.myObj.aId to int
}, true);

Solution

edited Oct 15, 2015 at 7:41

answered Oct 15, 2015 at 7:27

Niezborala

1,8571 gold badge19 silver badges27 bronze badges

Collectives™ on Stack Overflow

$filter not getting the desired output in angularjs

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related