Angular component not destroying after moving to another component

I have an angular component which is implementing OnDestroy method.

export class MyComponent implements OnInit, OnDestroy {
constructor(private elementRef: ElementRef,
 ....
ngOnInit() {
    this.selection.clear();
    this.formGrid();
}
    ngOnDestroy(): void {
        this.elementRef.nativeElement.remove();
    }
}

However, when I move to another component even then I see that MyComponent is not destroying. I can see that apis used within MyComponent are still running.

Debugging Details:

When I move to another component MyComponent2 I see that OnDestroy from MyComponent is getting called.

However, if check the Network tab under developer tools I see that even after the execution of OnDestroy, all apis under MyComponent are still running.

enter image description here

Please also note that MyComponent is only using promise for the services and I am not subscribing to any services.