Reloading current route in Angular 5 / Angular 6 / Angular 7

Question

I want to extract only the last event entry of type NavigationEnd from router.events. But somehow I can't find a proper way to do this. Whatever I try the following code snipped is the only way to get access to these objects of interest.

letne:any;router.events.filter(e =>e instanceofNavigationEnd).forEach(e =>{ne =e as NavigationEnd;});console.log('target page: ',ne.urlAfterRedirects);

But do I really have to use .forEach() letting it run though all entries and using then the last entry? Isn't there a better way to handle the events as a kind of array and then say

ne =arrayOfEvents[arrayOfEvents.length-1]

?

I'm getting crazy about it but it seems that I can't see the wood for the trees...

Have you looked at using the last operator on observables? reactivex.io/documentation/operators/last.html – Daniel W Strimpel Apr 8 '18 at 20:29 — Apr 8 '18 at 20:29
Yes, I tried it. But it unfortunately doesn't work in my case as there is no processable return value. – Lynx 242Apr 8 '18 at 20:45 — Apr 8 '18 at 20:45
Did you see this article? toddmotto.com/dynamic-page-titles-angular-2-router-events – Vega Apr 8 '18 at 20:49 — Apr 8 '18 at 20:49
That's it! This helps a lot. Thank you. – Lynx 242 Apr 8 '18 at 21:00 — Apr 8 '18 at 21:00
If the events observable never completes then last never does anything. What do you mean by last? YOUmean the last in the group. But the computer can wait 100 years for the stream to close, and that's what last() means to RxJS! So I think actually last() will NEVER return (it possibly might as the page is being unloaded but that's no use). – Simon_Weaver Jan 23 at 22:10 — Jan 23 at 22:10

Lynx 242 4,91741836 · Accepted Answer · 2018-04-08 21:16:04Z

Okay, after reading through the posted articles above and rethinking what I really want to achieve I found out that my approach was definitely too complicated. Because actually I only need access to the currently called route. And so I started from scratch and came across this small but very effective solution:

this.router.events.subscribe(value =>{console.log('current route: ',router.url.toString());});

Thanks to all who shared a comment in oder to support me! It helped al lot as I was able to tie up loose ends.

score 4 · Answer 2

PS. There's a better way to filter using a 'typeguard', you then get the proper type without having to assert it again:

firstChildData$ =this.router.events.pipe(filter((e):e is NavigationEnd=>e instanceofNavigationEnd),map(e =>{// e is now NavigationEnd }

enter image description here

This is actually necessary in strict mode.

Reloading current route in Angular 5 / Angular 6 / Angular 7

2 Answers

Reloading current route in Angular 5 / Angular 6 / Angular 7相关推荐

最新文章

热门文章