title: How to handle HTTP response codes in Angular 5+
body: <p>Looking through the <strong>Angular 5+</strong> guidance on making HTTP requests in Services we see the basic patterns appears as follows for a service:</p>
  
  <pre><code>getTasks(taskId: string): Observable&lt;ITask[]&gt; {
    var url = this.baseServiceUrl + 'task/' + taskId;
  
    this.fetchedTasks = this.http.get&lt;ITask[]&gt;(url);
  
    return this.fetchedTasks;
  }
  </code></pre>
  
  <p>A component may use it as follows</p>
  
  <pre><code>getTasks(taskId: string): void {
    this.taskService.getTasks(taskId).subscribe(tasks =&gt; this.tasks = tasks);
  }
  </code></pre>
  
  <p>Using the above case, how should this be modified to allow us to handle HTTP response codes such as 400, 403, 401, 404, and 5xx.</p>
  
  <p>In short, we need the caller to be aware of faulted outcomes, vs, not found, etc. so they can handle related UI concerns</p>