Mercurial > hg > ng2-query-ismi
changeset 4:351c3df28602
work on result component.
author | casties |
---|---|
date | Wed, 13 Jan 2016 16:01:47 +0100 |
parents | c741a00d38de |
children | b06a5d61afed |
files | app/app.component.ts app/query-result.component.ts app/query-select.component.ts app/query-state.ts |
diffstat | 4 files changed, 33 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/app/app.component.ts Wed Jan 13 12:41:01 2016 +0100 +++ b/app/app.component.ts Wed Jan 13 16:01:47 2016 +0100 @@ -1,6 +1,8 @@ import {Component} from 'angular2/core'; +import {QueryState} from './query-state'; import {QuerySelectComponent} from './query-select.component'; +import {QueryResultComponent} from './query-result.component'; @Component({ selector: 'my-text', @@ -8,12 +10,16 @@ <h1>My Angular 2 Text: {{title}}</h1> <p>Selected option: {{selectedOption}}</p> <query-select [selectedOption]="selectedOption"></query-select> + <query-result [queryState]="queryState"></query-result> `, - directives: [QuerySelectComponent] + directives: [QuerySelectComponent, QueryResultComponent] }) export class AppComponent { public title = 'huhu!'; public selectedOption = 'unknown'; + public queryState: QueryState; + + }
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/app/query-result.component.ts Wed Jan 13 16:01:47 2016 +0100 @@ -0,0 +1,21 @@ +import {Component, OnInit} from 'angular2/core'; + +@Component({ + selector: 'query-result', + template: ` + <p>Query result: {{queryState}}</p> + ` +}) + +export class QueryResultComponent implements OnInit { + + public queryState; + + ngOnInit() { + this.setup(); + } + + setup() { + } + +}
--- a/app/query-select.component.ts Wed Jan 13 12:41:01 2016 +0100 +++ b/app/query-select.component.ts Wed Jan 13 16:01:47 2016 +0100 @@ -31,10 +31,10 @@ constructor(private _queryService: QueryService) {} ngOnInit() { - this.setupQueryModes(); + this.setup(); } - setupQueryModes() { + setup() { this.queryModes = this._queryService.getQueryModes(); this._queryService.setupIsmiObjectTypes(); }