--- a/app/app.component.ts	Wed Jan 13 16:01:47 2016 +0100
+++ b/app/app.component.ts	Wed Jan 13 18:57:31 2016 +0100
@@ -1,6 +1,7 @@
 import {Component} from 'angular2/core';
+import {HTTP_PROVIDERS} from 'angular2/http';
 
-import {QueryState} from './query-state';
+import {QueryService} from './query.service';
 import {QuerySelectComponent} from './query-select.component';
 import {QueryResultComponent} from './query-result.component';
 
@@ -10,16 +11,17 @@
         <h1>My Angular 2 Text: {{title}}</h1>
         <p>Selected option: {{selectedOption}}</p>
         <query-select [selectedOption]="selectedOption"></query-select>
-        <query-result [queryState]="queryState"></query-result>
+        <query-result></query-result>
         `,
-    directives: [QuerySelectComponent, QueryResultComponent]
+    directives: [QuerySelectComponent, QueryResultComponent],
+    providers: [QueryService, HTTP_PROVIDERS]
 })
     
 export class AppComponent { 
     public title = 'huhu!';
     public selectedOption = 'unknown';
-    
-    public queryState: QueryState;
-    
+        
+    constructor() {
+    }
     
 }