services, factories and providers en Angular moderno

service, factory y provider pasan a ser una sola cosa: una clase marcada con @Injectable.

app.factory('UserService', function ($http) {
  return {
    getAll: function () { return $http.get('/api/users'); }
  };
});

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

  getAll() {
    return this.http.get<User[]>('/api/users');
  }
}

Qué cambia

• providedIn: 'root' registra el servicio una vez para toda la app, como los singletons de AngularJS.
• Las dependencias se piden con inject() y las revisa TypeScript.
• constant y value pasan a ser injection tokens o constantes exportadas.

Relacionado

• ui-router / ngRoute
• $stateChangeStart / transition hooks
• $timeout / $apply / $digest
• filters