display films in list

src/app/films/films.component.html

@@ -1 +1,6 @@
 <h2>List of Star Wars Films</h2>
+<ul>
+    <li *ngFor="let film of films">
+        {{film.title}}
+    </li>
+</ul>

src/app/films/films.component.ts

@@ -9,13 +9,14 @@ import 'rxjs/add/operator/toPromise';
   styleUrls: ['./films.component.css']
 })
 export class FilmsComponent implements OnInit {
+  films;
 
   constructor(private http: Http) { }
 
   ngOnInit() {
     this.http.get('http://swapi.co/api/films/')
       .toPromise()
-      .then(response => console.log(response.json().results));
+      .then(response => this.films = response.json().results);
   }
 
 }