Mercurial > hg > ng2-query-ismi
view 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 |
line wrap: on
line source
import {Component} from 'angular2/core'; import {HTTP_PROVIDERS} from 'angular2/http'; import {QueryService} from './query.service'; import {QueryState} from './query-state'; import {QuerySelectComponent} from './query-select.component'; import {QueryResultComponent} from './query-result.component'; @Component({ selector: 'query-app', template: ` <h1>My Angular 2 Text: {{title}}</h1> <p>Selected query: {{selectedQuery}}</p> <query-select (queryChanged)="onQueryChanged($event)"></query-select> <query-result [queryState]="queryState"></query-result> `, directives: [QuerySelectComponent, QueryResultComponent], providers: [QueryService, HTTP_PROVIDERS] }) export class QueryAppComponent { public title = 'huhu!'; public selectedQuery: string; public queryState: QueryState; constructor(private _queryService: QueryService) { } onQueryChanged(event: any) { console.debug("app.onquerychanged! event=", event); this._queryService.updateQuery(); this.queryState = this._queryService.getState(); } }