Filter results from API with angularjs

Question

I am receiving data with API in Angular and trying to filter the result for the hotels with the min_price less than for example 50$!

$http.get($rootScope.baseurl + 'api/hotels/', {
        params: {
            page_size: $scope.page_size,
            page: $scope.page,
            goingTo: goingTo,
            ordering: $scope.sortBy,
            star: $scope.filter.star,
            min_price: ????
        }}).then(
        function(data, status, headers, config) {
            $scope.Hotels = data.data.results;
            $scope.count = data.data.count;
            $scope.loading = false;
            PageService.setContentReady();
        },
        function(data, status, headers, config) {
            $scope.loading = false;
            PageService.contentStatus = 'ready';
        }
    );

How to show hotels under 50$ ?

can you share sample response.

Anil Kumar Ram
– Anil Kumar Ram

2016-11-08 09:14:31 +00:00
Commented Nov 8, 2016 at 9:14 — Anil Kumar Ram
– Anil Kumar Ram, Commented Nov 8, 2016 at 9:14
Please share the response JSON

Rohìt Jíndal
– Rohìt Jíndal

2016-11-08 09:17:20 +00:00
Commented Nov 8, 2016 at 9:17 — Rohìt Jíndal
– Rohìt Jíndal, Commented Nov 8, 2016 at 9:17
We have "min_price": 50 (for example) for Hotel in json

Mohammad.Gh
– Mohammad.Gh

2016-11-08 09:18:40 +00:00
Commented Nov 8, 2016 at 9:18 — Mohammad.Gh
– Mohammad.Gh, Commented Nov 8, 2016 at 9:18

rrd · Accepted Answer · 2016-11-08 09:08:18Z

2

Try adding this onto the end of your statement:

// Assuming you're doing some kind of promise resolution;
let deferred = $q.defer();

.success((data) => {
  deferred.resolve(data);
});

The resulting data from this you can then filter:

// assume 'data' is your real resolved data;
let filteredData = data.filter((hotel) => hotel.min_price < 50);

That's ES6 syntax but you get the gist.

answered Nov 8, 2016 at 9:08

rrd

5,9873 gold badges32 silver badges37 bronze badges

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

Comments

Weedoze · Accepted Answer · 2016-11-08 09:21:45Z

1

Find below your updated code

$http.get($rootScope.baseurl + 'api/hotels/', {
    params: {
        page_size: $scope.page_size,
        page: $scope.page,
        goingTo: goingTo,
        ordering: $scope.sortBy,
        star: $scope.filter.star,
        min_price: 50
    }
}).then(
    function(data, status, headers, config) {
        $scope.Hotels = data.data.results;
        $scope.Hotels = $scope.Hotels.filter(function(hotel){ return hotel.min_price < 50}); //filter hotels
        $scope.count = data.data.count;
        $scope.loading = false;
        PageService.setContentReady();
    },
    function(data, status, headers, config) {
        $scope.loading = false;
        PageService.contentStatus = 'ready';
    }
);

answered Nov 8, 2016 at 9:21

Weedoze

14k2 gold badges38 silver badges65 bronze badges

7 Comments

Mohammad.Gh Over a year ago

Awesome, It is working (But without this line: min_price: 50)

Mohammad.Gh Over a year ago

Do have any idea how can make it dynamic and changing the min_price value with select option by user?

Weedoze Over a year ago

@Mohammad.Gh Just add the ng-model value of the select ?

Mohammad.Gh Over a year ago

And how can filtering min_price between two price? 50 < min_price< 80

Weedoze Over a year ago

@Mohammad.Gh hotel > min_price && hotel < max_price

|

Collectives™ on Stack Overflow

Filter results from API with angularjs

2 Answers 2

Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related