cleanest

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>

src/app/search/search.component.ts

@@ -27,12 +27,10 @@ export class SearchComponent implements OnInit {
     }
 
     ngOnInit() {
-        this.searchTerms
+        this.results = this.searchTerms
             .debounceTime(300)
             .distinctUntilChanged()
-            .switchMap(name => this.characterSearchService.createAPIObservable(name)).subscribe(results => {
+            .switchMap(name => this.characterSearchService.createAPIObservable(name));
-                this.results = results;
-            });
     }
 
 }