diff --git a/src/app/films/films.component.html b/src/app/films/films.component.html
index bd69bf2..61d307f 100644
--- a/src/app/films/films.component.html
+++ b/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>
diff --git a/src/app/films/films.component.ts b/src/app/films/films.component.ts
index 530346e..6d424ee 100644
--- a/src/app/films/films.component.ts
+++ b/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);
   }
 
 }