-
-
Notifications
You must be signed in to change notification settings - Fork 241
Expand file tree
/
Copy pathfirst.component.ts
More file actions
42 lines (38 loc) · 1.5 KB
/
first.component.ts
File metadata and controls
42 lines (38 loc) · 1.5 KB
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
38
39
40
41
42
import { Router, ActivatedRoute } from "@angular/router";
import { Component, Inject } from "@angular/core";
import { RouterExtensions } from "@nativescript/angular/router";
import { HOOKS_LOG, BaseComponent } from "./base.component";
import { BehaviorSubject } from "rxjs";
@Component({
selector: "first-comp",
template: `
<StackLayout>
<Label [automationText]="'first-' + id" [text]="'First: ' + id"></Label>
<StackLayout orientation="horizontal">
<Button [automationText]="'first-navigate-' + id" text="Go to second" (tap)="gotoSecond()"></Button>
<Button [automationText]="'first-navigate-clear-history-' + id" text="With clear history"
(tap)="gotoSecondAndClearHistory()">
</Button>
</StackLayout>
<Label [automationText]="'hooks-log-' + id" [text]="hooksLog | async"></Label>
<Label [text]="'hooks-log-' + id"></Label>
</StackLayout>
`
})
export class FirstComponent extends BaseComponent {
protected name = "first";
public id: string = "";
constructor(private routerExtensions: RouterExtensions,
private routeData: ActivatedRoute,
@Inject(HOOKS_LOG) hooksLog: BehaviorSubject<Array<string>>
) {
super(hooksLog);
this.id = routeData.snapshot.params["id"];
}
gotoSecond() {
this.routerExtensions.navigateByUrl("/second/" + this.id);
}
gotoSecondAndClearHistory() {
this.routerExtensions.navigateByUrl("/second/" + this.id, { clearHistory: true });
}
}