comparison app/query-app.component.ts @ 7:6cd6c09032aa

object type query with results!
author Robert Casties <casties@mpiwg-berlin.mpg.de>
date Fri, 15 Jan 2016 20:00:47 +0100
parents app/app.component.ts@9f5473536a98
children fa646ee46c19
comparison
equal deleted inserted replaced
6:9f5473536a98 7:6cd6c09032aa
1 import {Component} from 'angular2/core';
2 import {HTTP_PROVIDERS} from 'angular2/http';
3
4 import {QueryService} from './query.service';
5 import {QueryState} from './query-state';
6 import {QuerySelectComponent} from './query-select.component';
7 import {QueryResultComponent} from './query-result.component';
8
9 @Component({
10 selector: 'query-app',
11 template: `
12 <h1>My Angular 2 Text: {{title}}</h1>
13 <p>Selected query: {{selectedQuery}}</p>
14 <query-select (queryChanged)="onQueryChanged($event)"></query-select>
15 <query-result [queryState]="queryState"></query-result>
16 `,
17 directives: [QuerySelectComponent, QueryResultComponent],
18 providers: [QueryService, HTTP_PROVIDERS]
19 })
20
21 export class QueryAppComponent {
22 public title = 'huhu!';
23 public selectedQuery: string;
24 public queryState: QueryState;
25
26 constructor(private _queryService: QueryService) {
27 }
28
29 onQueryChanged(event: any) {
30 console.debug("app.onquerychanged! event=", event);
31 this._queryService.updateQuery();
32 this.queryState = this._queryService.getState();
33 }
34 }