NetanelBasal

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

  const viewRef = inject(ChangeDetectorRef) as ViewRef;

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

NetanelBasal

export function timespan$() {
  const activatedRoute = inject(ActivatedRoute);

  return activatedRoute.queryParams.pipe(
    pluck('timespan'),
    filterNil(),
    distinctUntilChanged()
  );
}

NetanelBasal

import { inject } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

export function getRouteParam(key: string) {
  return inject(ActivatedRoute).snapshot.params[key];
}

NetanelBasal

export const HTTP = new InjectionToken('', {
  providedIn: 'root',
  factory() {
    return inject(HttpClient);
  },
});

@Injectable()
export class FooService {
  http = inject(HttpClient);

NetanelBasal

export const todosRoutes: Routes = [
  {
    path: '',
    loadComponent: () =>
      import('./todos-page.component').then((m) => m.TodosPageComponent),
    providers: [
      {
        provide: ENVIRONMENT_INITIALIZER,
        multi: true,
        useValue() {

NetanelBasal

import { ENVIRONMENT_INITIALIZER, inject } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';

bootstrapApplication(AppComponent, {
  providers: [
    {
      provide: ENVIRONMENT_INITIALIZER,
      multi: true,
      useValue() {
        inject(FooService).init()

NetanelBasal

@NgModule({})
export class AppModule {
  constructor(fooService: FooService) {
    fooService.initalize();
  }
}

@NgModule({})
export class LazyModule {
  constructor(fooService: FooService) {

NetanelBasal

interface Profile {
  firstName: string;
  lastName: string;
  address: {
    street: string;
    city: string
  }
}

const profileForm = new FormGroup<ControlsOf<Profile>>({

NetanelBasal

const profileForm = new FormGroup({
  firstName: new UntypedFormControl(''),
  lastName: new UntypedFormControl(''),
  address: new UntypedFormGroup({
    street: new UntypedFormControl(''),
    city: new UntypedFormControl('')
  })
});

NetanelBasal

const names = new UntypedFormArray([]);