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 }