Angular 6/RxJS How to unsubcribe using takeUntil() and route params

Question

I need to do something that I find too tricky. I'm trying to unsubscribe from a Subscription using takeUntil and waiting for the route params to emit a change.

Here is the tricky part: I need to set the takeUntil inside the route params subscribe . It should be something like this:

ngOnInit(): void {
    this.route.params.subscribe(params => {
        this.autoMethodSubscription = interval(5000).pipe(takeUntil(this.route.params)).subscribe(() => { this.autoMethod(); });
    });
}

The autoMethodSubscription does not work because it insta unsubscribes I think. Any ideas?

Answer 1

You can skip the first one.

interval(5000).pipe(
   takeUntil(
      this.route.params
         .pipe(skip(1))
)).subscribe(() => //... 

Or you can filter the route.params changes to specify what kind of route changes will force unsubscribing.

Or you can use the most common pattern, unsubscribe on destroy.

What exactly is your goal?