通过 id 从 Firebase Angular 检索列表 - Javascript

在 Angular 应用程序中，Firebase 是一种强大的实时数据库解决方案，它可以帮助开发人员在应用程序中存储和检索数据。在本文中，我们将讨论如何使用 AngularFire 库从 Firebase 数据库中检索数据列表，并使用 id 进行筛选。

步骤 1: 安装 AngularFire 库

在开始之前，您需要在 Angular 应用程序中安装 AngularFire 库，您可以使用以下命令在应用程序中安装 AngularFire 库：

npm install firebase @angular/fire --save

在安装 AngularFire 库之后，您需要在 AppModule 中导入 AngularFireModule 和 AngularFireDatabaseModule：

import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule } from '@angular/fire/database';

@NgModule({
  imports: [
    AngularFireModule.initializeApp(environment.firebaseConfig),
    AngularFireDatabaseModule
  ]
})
export class AppModule { }

步骤 2: 初始化 AngularFireDatabase

在 Angular 中使用 Firebase 数据库时，您需要首先通过 AngularFireDatabase 来初始化 Firebase 数据库，示例如下：

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

export class AppComponent {
  constructor(private db: AngularFireDatabase) {}
}

初始化 AngularFireDatabase 之后，您可以使用 AngularFireDatabase.list() 方法来检索 Firebase 数据库的数据列表。

步骤 3: 检索数据列表

使用 AngularFireDatabase.list() 方法可以轻松检索 Firebase 数据库中的数据列表。该方法接受两个参数：

• 路径：Firebase 数据库中数据的存储路径。
• 查询选项：您可以为 AngularFireDatabase.list() 方法提供查询选项，以筛选可以从 Firebase 数据库中检索的数据。在本文中，我们将演示如何使用 id 查询选项来检索指定 id 的数据。

示例代码如下：

import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-root',
  template: `
    <h1>Items</h1>
    <ul>
      <li *ngFor="let item of items | async">{{item.name}}</li>
    </ul>
  `
})
export class AppComponent {
  items: Observable<any[]>;

  constructor(private db: AngularFireDatabase) {
    // 检索 id 为 123 的列表项
    this.items = db.list('/items', ref => ref.orderByChild('id').equalTo('123')).valueChanges();
  }
}

在上述示例代码中，我们使用 AngularFireDatabase.list() 方法检索名为 “items” 的 Firebase 数据列表，并使用查询选项来筛选具有 id “123”的列表项。请注意，我们使用 Observable 对象来从 AngularFireDatabase.list() 方法获取异步值。

结论

通过 AngularFire 库，您可以轻松地从 Firebase 数据库中检索特定 id 的数据列表。在本文中，我们介绍了如何使用 AngularFireDatabase.list() 方法和查询选项来检索特定 id 的数据列表。通过更改查询选项，您可以检索 Firebase 数据库中的其他数据，并将其应用于您的应用程序。