--- a/app/query-result.component.ts	Wed Jan 13 16:01:47 2016 +0100
+++ b/app/query-result.component.ts	Wed Jan 13 18:57:31 2016 +0100
@@ -1,15 +1,20 @@
 import {Component, OnInit} from 'angular2/core';
 
+import {QueryState} from './query-state';
+
 @Component({
     selector: 'query-result',
     template: `
-        <p>Query result: {{queryState}}</p>
-        `
+        <div *ngIf="queryState">
+          <p>Query results ({{queryState.numResults}}):</p>
+        </div>
+        `,
+    inputs: ['queryState']
 })
    
 export class QueryResultComponent implements OnInit { 
     
-    public queryState;
+    public queryState: QueryState;
     
     ngOnInit() {
         this.setup();