Filter Json data in angularjs Controller

Question

I am creating web app using angular js. I have array of json object. I need the data who have status active and pending.here is my array:

$scope.response =  staticRoutes : [
    {'id':1,'name':'ABC 1','subnet':'SUB 101','gateway':'GATE 101','status':'Active'},
    {'id':2,'name':'ABC 2','subnet':'SUB 102','gateway':'GATE 102','status':'In Active'},
    {'id':3,'name':'ABC 1','subnet':'SUB 101','gateway':'GATE 101','status':'Active'},
    {'id':4,'name':'ABC 2','subnet':'SUB 102','gateway':'GATE 102','status':'In Active'},
    {'id':5,'name':'ABC 1','subnet':'SUB 101','gateway':'GATE 101','status':'Active'},
    {'id':6,'name':'ABC 2','subnet':'SUB 102','gateway':'GATE 102','status':'In Active'},
    {'id':7,'name':'ABC 1','subnet':'SUB 101','gateway':'GATE 101','status':'Active'},
    {'id':8,'name':'ABC 2','subnet':'SUB 102','gateway':'GATE 102','status':'In Active'},
    {'id':9,'name':'ABC 1','subnet':'SUB 101','gateway':'GATE 101','status':'Active'},
    {'id':10,'name':'ABC 2','subnet':'SUB 102','gateway':'GATE 102','status':'In Active'},
    {'id':11,'name':'ABC 1','subnet':'SUB 101','gateway':'GATE 101','status':'Active'},
    {'id':12,'name':'ABC 2','subnet':'SUB 102','gateway':'GATE 102','status':'In Active'},
    {'id':13,'name':'ABC 3','subnet':'SUB 103','gateway':'GATE 103','status':'Pending'}
]

try this stackoverflow.com/questions/20530637/…

Rahul Gupta
– Rahul Gupta

2016-03-14 11:12:40 +00:00
Commented Mar 14, 2016 at 11:12 — Rahul Gupta
– Rahul Gupta, Commented Mar 14, 2016 at 11:12

Karan · Accepted Answer · 2016-03-16 06:09:24Z

2

Try this:

var filterdata = [];
        angular.forEach($scope.response,function(value,key){
            if(value.status == "active" || value.status == "pending")
            {
                filterdata.push(value);

            }   
        })
        console.log(filterFlows)

answered Mar 16, 2016 at 6:09

Karan

1,1484 gold badges20 silver badges45 bronze badges

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

Comments

Luka Jacobowitz · Accepted Answer · 2016-03-14 11:48:09Z

1

For a simple filter, Underscore really isn't needed, unless you're targeting older browsers. All semi modern browsers support Array.prototype.filter(). See here for information on how to use it and browser support.

Use it like this:

 var filteredArray = $scope.response.filter(function(response){
     return response.status === 'Active' || response.status === 'Pending'
 });

edited Mar 14, 2016 at 11:48

answered Mar 14, 2016 at 11:19

Luka Jacobowitz

23.7k5 gold badges41 silver badges58 bronze badges

5 Comments

Amit Sirohiya Over a year ago

if i do this with underscoreJs is it wrong? I have used underscoreJS i my application and i found it very useful.

Luka Jacobowitz Over a year ago

No definitely not wrong! However for this simple task, you don't need it explicitly. It's an added dependency that's mostly redundant for this case. If you're already using Underscore, because you need it for different cases, by all means go ahead. But I wouldn't add a dependency to something when it can be done just as easily without :)

Amit Sirohiya Over a year ago

yeah thanks for explanation @luka i have big application thats why i am using it. It reduces the plenty of code.

user5798214 Over a year ago

It shows me empty array. when i console.log(filteredArray )

Luka Jacobowitz Over a year ago

Then maybe ` $scope.response` isn't filled yet? I see you also have staticRoutes as a name in there, you could try replacing $scope.response with staticRoutes. It's not quite clear from your code.

Ravi Tiwari · Accepted Answer · 2016-03-14 11:20:12Z

0

Assuming your array is called staticRoutes, you could do

$scope.response = staticRoutes.filter(function(item){
    return item.status.toLowerCase() === 'active' || item.status.toLowerCase() === 'pending';
});

answered Mar 14, 2016 at 11:20

Ravi Tiwari

9729 silver badges18 bronze badges

Comments

Amit Sirohiya · Accepted Answer · 2016-03-14 11:21:18Z

0

UnderscoreJs is very useful in these type of calculation

Solution -

 var filteredData = _.filter($scope.response,function(response){
      return response.status === 'Active' || response.status === 'Pending'
 });

filteredData will be an array of filtered contents.

edited Mar 14, 2016 at 11:21

answered Mar 14, 2016 at 11:15

Amit Sirohiya

3331 silver badge13 bronze badges

1 Comment

Luka Jacobowitz Over a year ago

This won't work, because response isn't defined as a parameter of your anonymous function.

Collectives™ on Stack Overflow

Filter Json data in angularjs Controller

4 Answers 4

Comments

5 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

5 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related