From ba47925d4bdc09ce6f0413964b23f69e09fec5b6 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Tue, 20 Jun 2017 16:04:44 -0400
Subject: [PATCH] display results

---
 src/app/search/search.component.html | 6 ++++++
 src/app/search/search.component.ts   | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/search/search.component.html b/src/app/search/search.component.html
index e0c879c..cf57b97 100644
--- a/src/app/search/search.component.html
+++ b/src/app/search/search.component.html
@@ -3,3 +3,9 @@
     <input [(ngModel)]="name" type="text" placeholder="Character Name"/>
     <input (click)="findCharacter(name)" type="submit" value="Search"/>
 </section>
+<section *ngIf="results">
+    <h2>Search Results</h2>
+    <ul>
+        <li *ngFor="let character of results">{{character.name}}</li>
+    </ul>
+</section>
diff --git a/src/app/search/search.component.ts b/src/app/search/search.component.ts
index 24ea12b..8ec6c60 100644
--- a/src/app/search/search.component.ts
+++ b/src/app/search/search.component.ts
@@ -8,6 +8,7 @@ import 'rxjs/add/operator/toPromise';
     styleUrls: ['./search.component.css']
 })
 export class SearchComponent implements OnInit {
+    results;
 
     constructor(
         private http: Http
@@ -16,7 +17,7 @@ export class SearchComponent implements OnInit {
     findCharacter(name){
         this.http.get('http://swapi.co/api/people/?search=' + name)
         .toPromise()
-        .then(response => console.log(response.json()));
+        .then(response => this.results = response.json().results );
     }
 
     ngOnInit() {