ai.md

AngularFire ❱ Developer Guide ❱ AI Logic

AI Logic

Firebase AI Logic gives you access to the latest generative AI models from Google: the Gemini models and Imagen models.

Learn more

Firebase AI Logic was previously called Vertex AI in Firebase. If you are upgrading from AngularFire 20, the module moved from @angular/fire/vertexai to @angular/fire/ai and most symbols were renamed (provideVertexAI to provideAI, VertexAI to AI). One is not a rename: plain getAI() uses the Gemini Developer API backend, so the old getVertexAI() maps to getAI(app, { backend: new VertexAIBackend() }). Running ng update @angular/fire rewrites all of this for you and keeps your app on the Vertex AI backend. See the AngularFire 20 to 21 upgrade guide.

Dependency Injection

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

ng add @angular/fire

Provide an AI instance in the application's app.config.ts:

import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
import { provideAI, getAI } from '@angular/fire/ai';

export const appConfig: ApplicationConfig = {
  providers: [
    provideFirebaseApp(() => initializeApp({ ... })),
    provideAI(() => getAI()),
    ...
  ],
  ...,
}

Next inject AI into your component:

import { Component, inject } from '@angular/core';
import { AI } from '@angular/fire/ai';

@Component({ ... })
export class MyComponent {
    private ai = inject(AI);
    ...
}

Firebase API

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

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

Getting Started | API Reference