要实现Angular实时Firebase数据库，你可以遵循以下步骤：

1. 准备工作：

   • 确保你已经安装了Angular CLI和Firebase CLI。
   • 在Firebase控制台上创建一个新项目，并在项目设置中获取到你的Firebase配置信息。

2. 创建一个新的Angular项目：

   • 打开终端，进入到你想要创建项目的目录。
   • 运行以下命令创建一个新的Angular项目：

     ng new firebase-realtime-example
     

3. 添加Firebase支持：

   • 进入到项目目录：

     cd firebase-realtime-example
     

   • 运行以下命令安装Firebase依赖：

     npm install firebase
     

   • 在项目根目录下创建一个新的文件firebase.config.ts，并将Firebase配置信息复制到该文件中：

     export const firebaseConfig = {
       apiKey: "YOUR_API_KEY",
       authDomain: "YOUR_AUTH_DOMAIN",
       databaseURL: "YOUR_DATABASE_URL",
       projectId: "YOUR_PROJECT_ID",
       storageBucket: "YOUR_STORAGE_BUCKET",
       messagingSenderId: "YOUR_MESSAGING_SENDER_ID"
     };
     

   • 在app.module.ts文件中导入Firebase模块并配置FirebaseApp：

     import { BrowserModule } from '@angular/platform-browser';
     import { NgModule } from '@angular/core';
     
     // 导入Firebase模块
     import { AngularFireModule } from '@angular/fire';
     import { AngularFireDatabaseModule } from '@angular/fire/database';
     
     import { AppComponent } from './app.component';
     
     // 导入Firebase配置
     import { firebaseConfig } from './firebase.config';
     
     @NgModule({
       declarations: [
         AppComponent
       ],
       imports: [
         BrowserModule,
         
         // 配置FirebaseApp
         AngularFireModule.initializeApp(firebaseConfig),
         AngularFireDatabaseModule
       ],
       providers: [],
       bootstrap: [AppComponent]
     })
     export class AppModule { }
     

4. 创建一个实时数据库服务：

   • 在项目根目录下创建一个新的文件database.service.ts，并添加以下代码：

     import { Injectable } from '@angular/core';
     import { AngularFireDatabase, AngularFireList } from '@angular/fire/database';
     
     @Injectable({
       providedIn: 'root'
     })
     export class DatabaseService {
       itemsRef: AngularFireList;
       items: any[];
     
       constructor(private db: AngularFireDatabase) {
         this.itemsRef = db.list('items');
         this.itemsRef.valueChanges().subscribe(items => {
           this.items = items;
         });
       }
     
       addItem(item: string) {
         this.itemsRef.push({ content: item });
       }
     }
     

5. 在组件中使用实时数据库服务：

   • 打开app.component.ts文件，并添加以下代码：

     import { Component } from '@angular/core';
     import { DatabaseService } from './database.service';
     
     @Component({
       selector: 'app-root',
       template: `
         
     Angular Realtime Firebase Database Example
         
         
         Add
         
         
     
           
     {{ item.content }}
         
       `,
       styleUrls: ['./app.component.css']
     })
     export class AppComponent {
       newItem: string;
       items: any[];
     
       constructor(private dbService: DatabaseService) {
         this.items = dbService.items;
       }
     
       addItem() {
         this.dbService.addItem(this.newItem);
         this.newItem = '';
       }
     }
     

6. 运行应用：

   • 在终端中运行以下命令启动应用：

     ng serve
     

   • 打开浏览器，并访问http://localhost:4200，你将看到一个简单的界面，可以添加和显示实时更新的项目列表。

以上就是实现Angular实时Firebase数据库的解决方法，希望对你有所帮助！