angular : How to sort fetched data from api by date

Question

I'm fetched movies reviews from NYT api and I want to sort result by date in descending order, How can I add this filter ?

service

import { HttpClient, HttpParams } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable, throwError } from 'rxjs';
import { catchError, retry } from 'rxjs/operators';
import { GlobalConstants } from '../common/global-constants';
import {map} from 'rxjs/operators';
@Injectable()
export class ReviewsService {
  apiUrl = GlobalConstants.apiURL;

  constructor(private http: HttpClient) {
  }

  getReviews(): Observable<any> {
    return this.http.get(this.apiUrl).pipe(map((response:any)=>response.results))
  }
}

component

import { Component, OnInit } from '@angular/core';
import { ReviewsService } from 'src/app/services/reviews.service';
@Component({
  selector: 'app-reviews',
  templateUrl: './reviews.component.html',
  styleUrls: ['./reviews.component.css']
})
export class ReviewsComponent implements OnInit {

  data: any;
  constructor(private reviewsService: ReviewsService) { }

  ngOnInit() {
    this.getReviews();
  }

  getReviews() {
    this.reviewsService.getReviews().subscribe({
      next: (data: any) => {
        this.data = data;  
        console.log(typeof this.data);
        console.log(this.data);
        
              
      },
      error: (err: any) => {
        console.log(err);
      },
      complete: () => {
        console.log('complete');
      }
    });
  }

}

547n00n · Accepted Answer · 2021-12-08 13:21:23Z

1

in your service:

     getReviews(): Observable<any> {
       return this.http.get(this.apiUrl).pipe(map((response: any) 
       => response.results.sort((dataA, dataB) => {
       return ((+new Date(dataA['publication_date'])) - (+new 
       Date(dataB['publication_date'])));
     })))
    }

edited Dec 8, 2021 at 13:21

547n00n

1,5467 gold badges34 silver badges62 bronze badges

answered Dec 7, 2021 at 2:31

bellarej amine

361 bronze badge

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

1 Comment

547n00n Over a year ago

make sense, thanks Bellarej

Collectives™ on Stack Overflow

angular : How to sort fetched data from api by date

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related