Firebase Remote Config is a cloud service that lets you change the behavior and appearance of your app without requiring users to download an app update.

Learn More

As a prerequisite, ensure that AngularFire has been added to your project via

ng add @angular/fire

Provide a Performance instance and configuration in the application's NgModule (app.module.ts):

import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
import { getRemoteConfig, provideRemoteConfig} from '@angular/fire/remote-config';

@NgModule({
  imports: [
    provideFirebaseApp(() => initializeApp(environment.firebase)),
    provideRemoteConfig(() => getRemoteConfig()),
  ]
})

Next inject it into your component:

import { Component, inject} from '@angular/core';
import { RemoteConfig } from '@angular/fire/remote-config';

@Component({ ... })
export class RemoteConfigComponent {
  private remoteConfig: RemoteConfig = inject(RemoteConfig);
  ...
}

AngularFire wraps the Firebase JS SDK to ensure proper functionality in Angular, while providing the same API.

Update the imports from import { ... } from 'firebase/remote-config' to import { ... } from '@angular/fire/remote-config' and follow the official documentation.

Getting Started | API Reference