Angular 5 Firebase数据库获取单个项目技术问询

看起来你已经搞定了批量上传项目到Firebase Realtime Database的逻辑，现在需要实现单个项目的获取方法对吧？我来帮你完善这个getOne方法，结合你的现有代码结构给出具体实现：

1. 完整的getOne方法实现（实时监听版本） #

因为你用的是AngularFire，我们可以利用object()方法定位到单个项目节点，再通过valueChanges()获取实时数据。注意要把节点的key补充到返回的Project对象中——因为valueChanges()默认不会包含这个属性：

import { Observable, map } from 'rxjs';
import { AngularFireDatabase } from '@angular/fire/compat/database';

// 假设这是你的项目服务类中的方法
getOne(projectKey: string): Observable<Project | undefined> {
  // 拼接单个项目的数据库路径
  const projectPath = `profile/${this.auth.userId}/project/${projectKey}`;
  
  return this.db.object<Project>(projectPath)
    .valueChanges()
    .pipe(
      map(projectData => {
        if (projectData) {
          // 将节点的key赋值给Project的$key属性
          return { ...projectData, $key: projectKey };
        }
        // 如果节点不存在，返回undefined
        return undefined;
      })
    );
}

2. 一次性获取数据的版本（非实时） #

如果你不需要实时监听数据变化，只是想一次性获取项目，可以改用get()方法并转换成Promise：

import { map } from 'rxjs';
import { AngularFireDatabase } from '@angular/fire/compat/database';

getOne(projectKey: string): Promise<Project | undefined> {
  const projectPath = `profile/${this.auth.userId}/project/${projectKey}`;
  
  return this.db.object<Project>(projectPath)
    .get()
    .pipe(
      map(snapshot => {
        const projectData = snapshot.val();
        if (projectData) {
          return { ...projectData, $key: snapshot.key };
        }
        return undefined;
      })
    )
    .toPromise();
}

3. 组件中的调用示例 #

实时监听版本的调用：

// 在组件中注入你的项目服务
constructor(private projectService: YourProjectService) {}

// 获取指定key的项目
loadSingleProject(projectKey: string) {
  this.projectService.getOne(projectKey).subscribe(project => {
    if (project) {
      console.log("成功获取项目:", project);
      // 在这里处理项目数据，比如赋值给组件变量
    } else {
      console.log("未找到对应key的项目");
    }
  });
}

一次性获取版本的调用（用async/await）：

async loadSingleProject(projectKey: string) {
  const project = await this.projectService.getOne(projectKey);
  if (project) {
    console.log("成功获取项目:", project);
  } else {
    console.log("未找到对应key的项目");
  }
}

关键说明 #

• 路径拼接要确保this.auth.userId是有效的用户ID（用户已登录），否则会访问错误的数据库节点。
• 因为你上传时用了push()，每个项目的唯一key就是push生成的那个值，所以getOne方法需要接收这个key作为参数。
• 我们用扩展运算符{ ...projectData, $key: projectKey }保留原有数据并补充$key属性，确保返回的对象完全符合你的Project类结构。

内容的提问来源于stack exchange，提问作者Angulandy2