From 84b66a3600dcf9c3425acf4ac4db9c27c05be70c Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Sat, 17 Jun 2017 21:41:25 -0400
Subject: [PATCH] display films in list

---
 src/app/films/films.component.html | 5 +++++
 src/app/films/films.component.ts   | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

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);
   }
 
 }