resolve all promises at once

src/app/films/films.component.ts

@@ -21,11 +21,13 @@ export class FilmsComponent implements OnInit {
   }
 
   showCharacters(film){
+      let promiseArray = [];
       film.characters.forEach((characterUrl) => {
-          this.http.get(characterUrl)
+          promiseArray.push(this.http.get(characterUrl).toPromise());
-            .toPromise()
-            .then(response => this.selectedFilmCharacters.push(response.json()));
       });
+      Promise.all(promiseArray).then(values => {
+          this.selectedFilmCharacters = values.map(value => value.json());
+      })
   }
 
   ngOnInit() {