Mercurial > hg > ng2-query-ismi
comparison app/app.component.ts @ 5:b06a5d61afed
new query state stuff.
author | Robert Casties <casties@mpiwg-berlin.mpg.de> |
---|---|
date | Wed, 13 Jan 2016 18:57:31 +0100 |
parents | 351c3df28602 |
children | 9f5473536a98 |
comparison
equal
deleted
inserted
replaced
4:351c3df28602 | 5:b06a5d61afed |
---|---|
1 import {Component} from 'angular2/core'; | 1 import {Component} from 'angular2/core'; |
2 import {HTTP_PROVIDERS} from 'angular2/http'; | |
2 | 3 |
3 import {QueryState} from './query-state'; | 4 import {QueryService} from './query.service'; |
4 import {QuerySelectComponent} from './query-select.component'; | 5 import {QuerySelectComponent} from './query-select.component'; |
5 import {QueryResultComponent} from './query-result.component'; | 6 import {QueryResultComponent} from './query-result.component'; |
6 | 7 |
7 @Component({ | 8 @Component({ |
8 selector: 'my-text', | 9 selector: 'my-text', |
9 template: ` | 10 template: ` |
10 <h1>My Angular 2 Text: {{title}}</h1> | 11 <h1>My Angular 2 Text: {{title}}</h1> |
11 <p>Selected option: {{selectedOption}}</p> | 12 <p>Selected option: {{selectedOption}}</p> |
12 <query-select [selectedOption]="selectedOption"></query-select> | 13 <query-select [selectedOption]="selectedOption"></query-select> |
13 <query-result [queryState]="queryState"></query-result> | 14 <query-result></query-result> |
14 `, | 15 `, |
15 directives: [QuerySelectComponent, QueryResultComponent] | 16 directives: [QuerySelectComponent, QueryResultComponent], |
17 providers: [QueryService, HTTP_PROVIDERS] | |
16 }) | 18 }) |
17 | 19 |
18 export class AppComponent { | 20 export class AppComponent { |
19 public title = 'huhu!'; | 21 public title = 'huhu!'; |
20 public selectedOption = 'unknown'; | 22 public selectedOption = 'unknown'; |
21 | 23 |
22 public queryState: QueryState; | 24 constructor() { |
23 | 25 } |
24 | 26 |
25 } | 27 } |