Solution for lab #14

alcfeoh · Jan 29, 2018 · 63fd79d · 63fd79d
1 parent c70b38d
commit 63fd79d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -5,7 +5,7 @@
 
   <div class="container">
     <div class="row" >
-      <app-license-plate *ngFor="let plate of licensePlates" appHighlight
+      <app-license-plate *ngFor="let plate of licensePlates | async" appHighlight
                      [plate]="plate" buttonText="Add to cart" class="col-md-4">
 
       </app-license-plate>

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,18 +1,17 @@
 import { Component } from '@angular/core';
 import {LicensePlate} from './license-plate';
 import {LicensePlateService} from './license-plate.service';
+import {Observable} from 'rxjs';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html'
 })
 export class AppComponent {
 
-  licensePlates: LicensePlate[];
+  licensePlates: Observable<LicensePlate[]>;
 
   constructor(private service: LicensePlateService) {
-      this.service.getList().subscribe( (data) => {
-        this.licensePlates = data;
-      });
+      this.licensePlates = this.service.getList();
   }
 }