在 Angular 应用中，当用户刷新页面时，未及时取消订阅可能导致内存泄漏及其他问题。因此，必须手动取消订阅以确保代码的可靠性和性能。

在组件中，我们可以使用生命周期钩子函数 ngOnDestroy() 来取消订阅。这个函数在 Angular 销毁一个组件时调用，我们可以在这个函数中取消订阅。例如：

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Subscription } from 'rxjs';
import { MyService } from './my.service';

@Component({
  selector: 'app-my-component',
  template: `...`
})
export class MyComponent implements OnInit, OnDestroy {

  private subscription: Subscription;

  constructor(private myService: MyService) { }

  ngOnInit() {
    this.subscription = this.myService.getData().subscribe(data => {
      console.log(data);
    });
  }

  ngOnDestroy() {
    this.subscription.unsubscribe();
  }
}

在上面的例子中，我们通过 getData() 方法订阅了一个 Observable，并存储了它返回的 Subscription 对象。在 ngOnDestroy() 函数中取消订阅，确保在销毁组件时释放资源。

需要注意的是，只有那些手动订阅的 Observable 才需要手动取消订阅。Angular 内置一些 Observable，如 ActivatedRoute.params、HttpClient.get 等，它们会自动取消订阅。此外，使用 async 管道或 takeUntil 操作符等技术也可以避免手动取消订阅，提高开发效率及代码可读性。