要循环遍历Firestore集合以获取每个用户的详细信息,您可以使用Angular的Firestore模块和Firestore服务。以下是一个解决方法的示例代码:
npm install @angular/fire firebase --save
import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
// ...
@NgModule({
imports: [
// ...
AngularFireModule.initializeApp(environment.firebaseConfig),
AngularFirestoreModule
],
// ...
})
export class AppModule { }
请确保您已经正确配置了Firebase项目的配置信息。
import { Injectable } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class UserService {
private usersCollection: AngularFirestoreCollection;
users: Observable;
constructor(private firestore: AngularFirestore) {
this.usersCollection = this.firestore.collection('users');
this.users = this.usersCollection.valueChanges();
}
getUsers(): Observable {
return this.users;
}
}
import { Component, OnInit } from '@angular/core';
import { UserService } from './user.service';
@Component({
// ...
})
export class UserComponent implements OnInit {
users: any[];
constructor(private userService: UserService) { }
ngOnInit() {
this.userService.getUsers().subscribe(users => {
this.users = users;
console.log(this.users);
});
}
}
在上面的示例中,我们订阅了UserService中的用户Observable,并将结果存储在一个名为users的数组中。您可以根据您的需求进一步处理用户数据。
这样,您就可以循环遍历Firestore集合以获取每个用户的详细信息了。