Error Handling with Observables / Http Requests

Hey everyone!
Starting into Angular atm, i've been digging into http requests.

I noticed that using subscribe to an Observable with multiple callbacks is marked as deprecated.

this.recipeService.getRecipe(id).subscribe(
      (response:Recipe) => this.currentRecipe = response,
      (error:any) => console.log(error)
    )
  }

​

I've found a reference to this which says to use an Observer argument instead, however i didnt figure out how to implement this correctly?

Another approach seems to catch the error in the service with

.pipe(catchError(this.handleError))

This kinda takes away the possibility to react differently to the errors in different components though, right?

​

Any help would be appreciated!

Thanks in advance!!