Alterado o template RestaurantDetail para que o mesmo seja carregado dinamicamente através de interpolação com a propriedade que receberá o retorno da chamada http

Author: walkerdeveloper

src/app/restaurant-detail/restaurant-detail.component.html

@@ -14,21 +14,21 @@ <h1>
             <div class="box-header with-border">
               <i class="fa fa-home"></i>
 
-              <h3 class="box-title">Bread &amp; Brakery</h3><span class="pull-right"><i class="fa fa-star"></i> 4.5</span>
+              <h3 class="box-title">{{ restaurant?.name }}</h3><span class="pull-right"><i class="fa fa-star"></i> {{ restaurant?.rating }}</span>
             </div>
             <!-- /.box-header -->
             <div class="box-body">
-              <div class="col-sm-3 col-xs-12">
-                <img class="box-img-detail" src="assets/img/restaurants/breadbakery.png" />
+              <div class="col-sm-3 col-xs-12" *ngIf="restaurant">
+                <img class="box-img-detail" [src]="restaurant?.imagePath" />
               </div>
 
               <dl class="col-sm-9 col-xs-12">
                 <dt>Categoria</dt>
-                <dd>Padaria</dd>
+                <dd>{{ restaurant?.category }}</dd>
                 <dt>Quem somos</dt>
-                <dd>A Bread &amp; Brakery tem 40 anos de mercado. Fazemos os melhores doces e pães. Compre e confira.</dd>
+                <dd>{{ restaurant?.about }}</dd>
                 <dt>Horários</dt>
-                <dd>Funciona de segunda à sexta, de 8h às 23h</dd>
+                <dd>{{ restaurant?.hours }}</dd>
               </dl>
             </div>
             <!-- /.box-body -->