making request to swapi and logging response

src/app/app.module.ts

@@ -4,13 +4,16 @@ import { NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
 import { FilmsComponent } from './films/films.component';
 
+import { HttpModule }    from '@angular/http';
+
 @NgModule({
   declarations: [
     AppComponent,
     FilmsComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    HttpModule
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/films/films.component.ts

@@ -1,4 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+import { Http } from '@angular/http';
+
+import 'rxjs/add/operator/toPromise';
 
 @Component({
   selector: 'app-films',
@@ -7,9 +10,12 @@ import { Component, OnInit } from '@angular/core';
 })
 export class FilmsComponent implements OnInit {
 
-  constructor() { }
+  constructor(private http: Http) { }
 
   ngOnInit() {
+    this.http.get('http://swapi.co/api/films/')
+      .toPromise()
+      .then(response => console.log(response.json().results));
   }
 
 }