دورة الحياة وتنظيف الموارد

import { DestroyRef, Injector, inject, runInInjectionContext } from "@angular/core";
const owner = Injector.create({ providers: [] });
const events: string[] = [];
runInInjectionContext(owner, () => {
  inject(DestroyRef).onDestroy(() => events.push("closed"));
  events.push("created");
});
owner.destroy();
console.log(JSON.stringify(events));

["created","closed"]

التسلسل created ثم closed دون مستمع متصفح أو مؤقت أو تطبيق.

import { Component, DestroyRef, OnInit, inject, signal } from "@angular/core";
import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
import { interval } from "rxjs";
@Component({ selector: "app-tick-panel", standalone: true, template: `<p>{{ tick() }}</p>` })
export class TickPanel implements OnInit {
  readonly tick = signal(0);
  private readonly destroyRef = inject(DestroyRef);
  ngOnInit(): void {
    interval(1000).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => this.tick.set(value));
  }
}

يجب أن ترى التجربة المضبوطة نبضات أثناء حياة المالك فقط، ولا يُنفذ المقطع أو ينشئ مؤقتًا هنا.