Instalei o json-server no not para acessar a API Rest. Criada ea classe ErrorHandler para lançar exceções ao haver problemas nas requisições http, importado o operador catch para o padrão observable do acesso

Author: walkerdeveloper

package-lock.json

@@ -0,0 +1,16 @@
+import { Response } from "@angular/http";
+import { Observable } from "rxjs/Observable";
+
+export class ErrorHandler {
+    static handleError(error: Response | any){ 
+        let errorMessage: string
+        if (error instanceof Response){
+            errorMessage = `Erro ${error.status} ao acessar a URL ${error.url} - ${error.statusText}`
+        }else{
+            errorMessage = error.toString()
+        }
+        console.log(errorMessage)
+        return Observable.throw(errorMessage)
+        
+    }
+}

src/app/app.error-handler.ts

@@ -12,6 +12,7 @@ import { ROUTES } from './app.routes';
 import { RestaurantsComponent } from './restaurants/restaurants.component';
 import { RestaurantComponent } from './restaurants/restaurant/restaurant.component';
 import { RestaurantService } from './restaurants/restaurant/restaurant.service';
+import { RestaurantDetailComponent } from './restaurant/restaurant-detail/restaurant-detail.component';
 
 
 @NgModule({
@@ -21,7 +22,8 @@ import { RestaurantService } from './restaurants/restaurant/restaurant.service';
     HomeComponent,
     AboutComponent,
     RestaurantsComponent,
-    RestaurantComponent
+    RestaurantComponent,
+    RestaurantDetailComponent
   ],
   imports: [
     BrowserModule,

src/app/app.module.ts

@@ -3,17 +3,19 @@ import { Injectable } from "@angular/core";
 import { Http } from "@angular/http";
 import { MEAT_API } from "app/app.api";
 import { Observable } from "rxjs/Observable";
-import 'rxjs/add/operator/map'
+import 'rxjs/add/operator/map';
+import 'rxjs/add/operator/catch';
+import { ErrorHandler } from "app/app.error-handler";
 
 @Injectable()
 export class RestaurantService {
 
     constructor(private http: Http) { }
 
     restaurants(): Observable<Restaurant[]> { 
-        console.log(this.http.get(` Aqui ${MEAT_API}/restaurants`));
 
-        return this.http.get('http://localhost:3000/restaurants')
-            .map(response => response.json());
+        return this.http.get(`${MEAT_API}/restaurants`)
+            .map(response => response.json())
+            .catch(ErrorHandler.handleError)
     }
 }