Carlos Cifuentes
Referencia AngularJS → Angular

$http en Angular moderno

$http pasa a ser HttpClient. Devuelve observables tipados y entrega el cuerpo de la respuesta directamente, sin res.data.

Antes · AngularJS
$http.get('/api/users', { params: { page: 1 } })
  .then(function (res) { vm.users = res.data; })
  .catch(function (err) { vm.error = err.statusText; });
Después · Angular
private http = inject(HttpClient);

getUsers(page: number) {
  return this.http.get<User[]>('/api/users', { params: { page } });
}

// app.config.ts
providers: [provideHttpClient(withInterceptors([authInterceptor]))]

Qué cambia

  • Las respuestas son tipadas: get<User[]>() en vez de un res.data sin tipo.
  • Las peticiones son perezosas (lazy): no se envía nada hasta que alguien se suscribe.
  • Las peticiones se pueden cancelar, reintentar y combinar con operadores RxJS.

Consejo de migración. Migra primero la capa HTTP y exponla al lado AngularJS. Así las pantallas viejas y nuevas comparten una sola capa de datos durante toda la migración.

Relacionado

¿Planeas una migración o una plataforma de microfrontends?

En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.

Escríbeme por LinkedIn