Ninja Space Content Blog

So much has changed with handling errors so my code is noticeably different from what Mosh has in his tutorial due to certain things be deprecated. So, here is my code for my file name "post.service.ts". You can use it as a reference if you're also using Angular version 11+ like me.

import {HttpClient} from '@angular/common/http';
import { Injectable } from '@angular/core';

import {Observable, throwError} from 'rxjs';
import {catchError} from 'rxjs/operators';
import { AppError } from '../common/app-error';
import { NotFoundError } from '../common/not-found-error';

@Injectable({
 providedIn: 'root'
})
export class PostService {
 private url = 'http://jsonplaceholder.typicode.com/posts'

 constructor(private http: HttpClient) { }
 getPost() {
  return this.http.get(this.url);
 }

 createPost(post: any) {
  return this.http.post(this.url, JSON.stringify(post))
 }

 updatePost(post: any) {
  return this.http.patch(this.url + '/' + post.id, JSON.stringify({isRead: true}))
 }

 deletePost(id: number) {
  return this.http.delete(this.url + '/' + id)
  .pipe(catchError(error => {
   if (error.status === 404) 
    return throwError(new NotFoundError());
    
   return throwError(new AppError(error));
  })) 
 }
}