--- a/app/app.component.ts	Wed Jan 13 12:41:01 2016 +0100
+++ b/app/app.component.ts	Wed Jan 13 16:01:47 2016 +0100
@@ -1,6 +1,8 @@
 import {Component} from 'angular2/core';
 
+import {QueryState} from './query-state';
 import {QuerySelectComponent} from './query-select.component';
+import {QueryResultComponent} from './query-result.component';
 
 @Component({
     selector: 'my-text',
@@ -8,12 +10,16 @@
         <h1>My Angular 2 Text: {{title}}</h1>
         <p>Selected option: {{selectedOption}}</p>
         <query-select [selectedOption]="selectedOption"></query-select>
+        <query-result [queryState]="queryState"></query-result>
         `,
-    directives: [QuerySelectComponent]
+    directives: [QuerySelectComponent, QueryResultComponent]
 })
     
 export class AppComponent { 
     public title = 'huhu!';
     public selectedOption = 'unknown';
     
+    public queryState: QueryState;
+    
+    
 }