From 258ec050978bdb65ac0e0f80b2f47f78141e6f04 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Sun, 25 Jun 2017 01:50:55 -0400
Subject: [PATCH] taking out subscribe.  setting results to the observable and
 using async pipe for *ngFor

---
 src/app/search/search.component.html | 2 +-
 src/app/search/search.component.ts   | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/search/search.component.html b/src/app/search/search.component.html
index 4dde908..fa25ff5 100644
--- a/src/app/search/search.component.html
+++ b/src/app/search/search.component.html
@@ -5,7 +5,7 @@
 <section *ngIf="results">
     <h2>Search Results</h2>
     <ul>
-        <li *ngFor="let character of results">
+        <li *ngFor="let character of results | async">
             <h3>{{character.name}}</h3>
             <dl>
                 <dt>Birth Year</dt>
diff --git a/src/app/search/search.component.ts b/src/app/search/search.component.ts
index dd107f5..c9a28ec 100644
--- a/src/app/search/search.component.ts
+++ b/src/app/search/search.component.ts
@@ -34,11 +34,10 @@ export class SearchComponent implements OnInit {
     }
 
     ngOnInit() {
-        this.searchTerms
+        this.results = this.searchTerms
             .debounceTime(300)
             .distinctUntilChanged()
-            .switchMap(name => this.createAPIObservable(name))
-            .subscribe(results=> this.results = results );
+            .switchMap(name => this.createAPIObservable(name));
     }
 
 }