How to filter api response in Angular

Question

Work on Asp.net mvc.As i am new in angular js.Stuck on basic issue,want to know how to filter api result in angular.services1 and services2 get respectively serviceId=1 and serviceId=2 datas.My filter criteria is ServiceId

Here is my angular syntax

MyPageService.GetOthersByID('/api/XXXXXX/GetServiceUsableBalance').success(function (data) {


    $scope.services1 = arr1;
    $scope.services2 = arr2;
    }

Bellow is my Api response.

LiveCustomerMT4ServiceID CustomerID    ServiceID   ServiceInstanceID    UserNa
------------------------ -------------------- ----------- -------------------- ---
7                        40                   2           2015052672           
8                        40                   1           2015052672           
9                        40                   2           2015052672           
9                        40                   1           2015052672

Angular invoke api successfully and also get response but failed to filter success response.

What's your filter criteria? Not getting exactly what do you want? — Dhaval Marthak
– Dhaval Marthak, Commented Feb 17, 2017 at 9:07

Sheikz · Accepted Answer · 2017-02-17 09:09:28Z

0

Using javascript filter() function:

$scope.services1 = data.filter(element => element.serviceId == 1);
$scope.services2 = data.filter(element => element.serviceId == 2);

answered Feb 17, 2017 at 9:09

Sheikz

3171 silver badge8 bronze badges

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

1 Comment

sensei Over a year ago

filter is not a function I get.

J-Mean · Accepted Answer · 2017-02-17 09:48:25Z

0

Following is the demo to get result as per your request:-

MyPageService.GetOthersByID('/api/XXXXXX/GetServiceUsableBalance').success(function (data) {
   $scope.services1 = $filter('filter')(data, { serviceID: 1 }, true);
   $scope.services2 = $filter('filter')(data, { serviceID: 2 }, true);
});

Note:- Please don't forget to inject $filter to your controller

answered Feb 17, 2017 at 9:48

J-Mean

1,2101 gold badge9 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to filter api response in Angular

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related