ngdestroy7.tsx

// ...

export class MemoryLeakComponent implements OnInit, OnDestroy {
  constructor(private readonly router: Router) {}

  count = 0;

  private sub: Subscription | undefined;

  ngOnInit() {
    this.sub = interval(1000).subscribe(() => {
      this.count++;
      console.log('Count:', this.count); // This will keep logging as more subscriptions are created
    });
  }

  goBack() {
    this.router.navigate(['/']);
  }

  ngOnDestroy() {
    if (this.sub) {
      this.sub.unsubscribe();
    }
    console.log('Unsubscribed and cleaned up');
  }
}