diff --git a/src/app/search/search.component.html b/src/app/search/search.component.html
index fa25ff5..4dde908 100644
--- a/src/app/search/search.component.html
+++ b/src/app/search/search.component.html
@@ -5,7 +5,7 @@
Search Results
- -
+
-
{{character.name}}
- Birth Year
diff --git a/src/app/search/search.component.ts b/src/app/search/search.component.ts
index 8edde64..dc488b4 100644
--- a/src/app/search/search.component.ts
+++ b/src/app/search/search.component.ts
@@ -27,10 +27,14 @@ export class SearchComponent implements OnInit {
}
ngOnInit() {
- this.results = this.searchTerms
+ this.searchTerms
.debounceTime(300)
.distinctUntilChanged()
- .switchMap(name => this.characterSearchService.createAPIObservable(name));
+ .subscribe(name => {
+ this.characterSearchService.createAPIObservable(name).subscribe(results => {
+ this.results = results.json().results;
+ })
+ })
}
}
diff --git a/src/app/search/search.service.ts b/src/app/search/search.service.ts
index f986c89..84ce889 100644
--- a/src/app/search/search.service.ts
+++ b/src/app/search/search.service.ts
@@ -9,7 +9,6 @@ export class SearchService {
createAPIObservable(name){
return this.http
- .get('http://swapi.co/api/people/?search=' + name)
- .map(response=> response.json().results );
+ .get('http://swapi.co/api/people/?search=' + name);
}
}