/
component.angular.ts
37 lines (34 loc) · 1.17 KB
/
component.angular.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import { ApplicationRef, Component } from '@angular/core';
import { RouterService } from '../../services/router/service';
import { AppController } from './controller';
import { Filters } from '../../shares/filters';
@Component({
selector: 'app',
template: `
<div id="app">
<h4>{{ framework.name }} v{{ framework.version }}</h4>
<small>{{ finishedRendering }} ms upcomming time</small>
<list-serie *ngIf="resolvedRoute.url === 'series'"></list-serie>
<create-serie *ngIf="resolvedRoute.url === 'series/create'"></create-serie>
<edit-serie *ngIf="resolvedRoute.url === 'series/:id/edit'" [resolvedRoute]="resolvedRoute"></edit-serie>
<small>Used filters: {{ filters.date(dummies.date) }} | {{ filters.currency(dummies.price) }} €</small>
</div>
`,
})
export class AppComponent extends AppController {
public filters = Filters;
public resolvedRoute: any = {
url: 'series',
};
public constructor(appRef: ApplicationRef) {
super();
RouterService.subscribe((route: any, params: any, query: any) => {
this.resolvedRoute = {
params,
query,
url: route.url,
};
appRef.tick();
});
}
}