I need Previous URL in OnInit function of Angular TS file.
ngOnInit() {
this.router.events
.pipe(filter((e: any) => e instanceof RoutesRecognized),
pairwise()
).subscribe((e: any) => {
console.log(e[0].urlAfterRedirects); // previous url
});
}
I can get by above Code, but this Repeats multiple times, because I am having lot of child component under Parent. I need any other method, which runs only onces
You can try using a solution based on this article
@Injectable({
providedIn: 'root'
})
export class RoutingStateService
{
private history = [];
constructor(private router: Router, @Inject(DOCUMENT) private _document: any)
{
}
public recordHistory(): void
{
this.router.events
.pipe(filter(event => event instanceof NavigationEnd))
.subscribe(({urlAfterRedirects}: NavigationEnd) => {
this.history = [...this.history, urlAfterRedirects];
});
}
public getHistory(): string[]
{
return this.history;
}
public getPreviousUrl(): string
{
return this.history[this.history.length - 2] || this._document.referrer;
}
}
Then in your main component's constructor, inject this service and call recordHistory
https://community.wia.io/d/22-access-the-previous-route-in-your-angular-5-app
This works well. Better to use Service, Service will executes only required.
