Mercurial > hg > ng2-query-ismi
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 } |