NetanelBasal

const routes = [
  {
    path: 'login',
    component: LoginPageComponent,
    canMatch: [authGuard({ isProtected: false })],
  },
  {
    path: 'todos',
    component: TodosPageComponent,
    canMatch: [authGuard()],

NetanelBasal

import { inject } from '@angular/core';
import { CanMatchFn, Router } from '@angular/router';
import { AuthService } from './auth-service';

export function authGuard({
  redirectTo,
  isProtected = true,
}: {
  redirectTo?: any[];
  isProtected?: boolean;

NetanelBasal

const routes = [
  {
    path: 'somePath',
    component: EditCmp,
    canDeactivate: [(component: EditCmp) => !component.hasUnsavedChanges],
  },
  { path: 'somePath', canActivate: [() => inject(MyDependency).canActivate()] },
];

NetanelBasal

import { repeat } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class MetricsService {
  private http = inject(HttpClient);

  getMetrics() {
    return this.http.get('https://metrics')
      .pipe(
        repeat({ delay: 30_000 }),

NetanelBasal

import { repeat, filter, take, timer } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class FooService {
  private http = inject(HttpClient);

  doSometing(data) {
    return this.http.post('https://foo', data)
      .pipe(
        // 👇👇👇

NetanelBasal

import { repeat, filter, take } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class FooService {
  private http = inject(HttpClient);

  doSometing(data) {
    return this.http.post('https://foo', data)
      .pipe(
        repeat({ delay: 1000 }),

NetanelBasal

import { repeat } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class MetricsService {
  private http = inject(HttpClient);

  getMetrics() {
    return this.http.get('https://metrics')
      .pipe(
        repeat({ delay: 30_000 }),

NetanelBasal

bootstrapApplication(AppComponent, {
  providers: [
    provideHttpClient(
      withInterceptors([
        (req, next) => {
          console.log('Global interceptor');
          return next(req);
        },
      ])
    ),

NetanelBasal

import {
  HTTP_INTERCEPTORS,
  provideHttpClient,
  withInterceptors,
  withInterceptorsFromDi,
} from '@angular/common/http';
import { bootstrapApplication } from '@angular/platform-browser';

bootstrapApplication(AppComponent, {
  providers: [

NetanelBasal

import {
  provideHttpClient,
  withInterceptors
} from '@angular/common/http';
import { bootstrapApplication } from '@angular/platform-browser';

bootstrapApplication(AppComponent, {
  providers: [
    provideHttpClient(
      withInterceptors([