display results

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>

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() {