Adicionado e configurado o banco de dados local para acessar as URLs via http

Author: walkerdeveloper

package-lock.json

@@ -0,0 +1 @@
+export const MEAT_API = 'http://localhost:3000'

src/app/app.api.ts

@@ -11,6 +11,7 @@ import { AboutComponent } from './about/about.component'
 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';
 
 
 @NgModule({
@@ -27,7 +28,7 @@ import { RestaurantComponent } from './restaurants/restaurant/restaurant.compone
     HttpModule,
     RouterModule.forRoot(ROUTES)
   ],
-  providers: [],
+  providers: [RestaurantService],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

src/app/app.module.ts

@@ -0,0 +1,19 @@
+import { Restaurant } from "./restaurant.model";
+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'
+
+@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());
+    }
+}

src/app/restaurants/restaurant/restaurant.service.ts

@@ -1,33 +1,20 @@
 import { Component, OnInit } from '@angular/core';
 import { Restaurant } from './restaurant/restaurant.model';
+import { RestaurantService } from './restaurant/restaurant.service';
 
 @Component({
   selector: 'mt-restaurants',
   templateUrl: './restaurants.component.html'
 })
 export class RestaurantsComponent implements OnInit {
 
-  restaurants: Restaurant[] = [
-    {
-      id: "bread-bakery",
-      name: "Bread & Bakery",
-      category: "Bakery",
-      deliveryEstimate: "25m",
-      rating: 4.9,
-      imagePath: "assets/img/restaurants/breadbakery.png"
-    },
-    {
-      id: "burger-house",
-      name: "Burger House",
-      category: "Hamburgers",
-      deliveryEstimate: "100m",
-      rating: 3.5,
-      imagePath: "assets/img/restaurants/burgerhouse.png"
-    }
-  ]
-  constructor() { }
+  restaurants: Restaurant[] = []
+
+  constructor(private restaurantService: RestaurantService) { }
 
   ngOnInit() {
+      this.restaurantService.restaurants()
+        .subscribe(restaurants => this.restaurants = restaurants);
   }
 
 }