在 app.module.ts
中,确保你已经正确地设置了 Firebase 配置。
import { NgModule } from '@angular/core';
import { AngularFireModule } from '@angular/fire';
import { environment } from '../environments/environment';
@NgModule({
imports: [
AngularFireModule.initializeApp(environment.firebaseConfig)
],
...
})
export class AppModule { }
确保你有权限访问 Firestore 中的数据。在 Firestore 控制台中,转到“规则”选项卡,将规则设置为允许你的应用程序访问数据库。例如,将规则设置为如下所示:
allow read, write: if true;
在浏览器控制台中查看日志,以确定是否有错误或警告消息。例如,如果 Firestore 配置不正确,你可能会看到以下消息:
FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app).
检查你是否正确地指定了集合名称。例如,在以下代码中,我们尝试从名为“users”的集合中获取数据:
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
export class UserService {
private usersCollection = this.afs.collection('users');
users$: Observable = this.usersCollection.valueChanges();
constructor(private afs: AngularFirestore) {}
}
确保你正在请求存在的集合和文档。例如,在以下代码中,我们尝试从 ID 为“123”的文档中获取数据:
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
export class UserService {
user$: Observable = this.afs.doc('users/123').valueChanges();
constructor(private afs: AngularFirestore