new-inj-6.ts

export function untilDestroyed() {
  const subject = new Subject<void>();

  const viewRef = inject(ChangeDetectorRef) as ViewRef;

  viewRef.onDestroy(() => {
    subject.next();
    subject.complete()
  });

  return takeUntil(subject.asObservable())
} 

new-inj-7.ts

@Component({
  selector: 'app-todo-page',
  templateUrl: './todo-page.component.html'
})
export class TodoPageComponent {
  destroy$ = untilDestroyed();

  ngOnInit() {
    interval(1000).pipe(
      this.destroy$
    ).subscribe(console.log)
  }
}