如何使用AngularFire从FireBase存储获取文件列表

npm install firebase @angular/fire

import { AngularFireModule } from '@angular/fire';
import { AngularFireStorageModule } from '@angular/fire/storage';

// Firebase配置
const firebaseConfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_AUTH_DOMAIN',
  projectId: 'YOUR_PROJECT_ID',
  storageBucket: 'YOUR_STORAGE_BUCKET',
  appId: 'YOUR_APP_ID'
};

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

import { Component } from '@angular/core';
import { AngularFireStorage } from '@angular/fire/storage';

@Component({
  selector: 'app-file-list',
  template: `
    <h2>文件列表</h2>
    <ul>
      <li *ngFor="let file of fileList">{{ file.name }}</li>
    </ul>
  `
})
export class FileListComponent {
  fileList: any[];

  constructor(private storage: AngularFireStorage) {
    this.getFileList();
  }

  getFileList() {
    const storageRef = this.storage.ref('/');
    storageRef.listAll().subscribe(res => {
      this.fileList = res.items;
    });
  }
}