在原生平台上,AngularFirestore与原生Firebase API可以正常工作。下面是一个使用AngularFirestore的代码示例:
首先,确保已经安装了Firebase和AngularFirestore模块:
npm install firebase @angular/fire
导入所需的模块和服务:
import { Component } from '@angular/core';
import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule, AngularFirestore } from '@angular/fire/firestore';
在Angular模块中导入AngularFireModule和AngularFirestoreModule:
@NgModule({
imports: [
AngularFireModule.initializeApp(environment.firebaseConfig),
AngularFirestoreModule
],
// ...
})
export class AppModule { }
在组件中使用AngularFirestore服务:
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
constructor(private firestore: AngularFirestore) { }
addData() {
this.firestore.collection('items').add({ name: 'Item 1' })
.then(() => console.log('Data added successfully'))
.catch(error => console.error('Error adding data:', error));
}
}
在上面的示例中,我们使用AngularFirestore服务的collection()方法来获取一个集合的引用,然后使用add()方法向该集合中添加数据。在add()方法的回调函数中,我们可以处理添加数据的成功或失败情况。
注意:在使用AngularFirestore之前,你需要在项目中配置Firebase凭据。可以在环境文件中添加Firebase配置信息,然后在Angular模块中引用它。具体步骤可以参考Firebase官方文档。
综上所述,AngularFirestore与原生Firebase API在原生平台上可以正常工作。你可以使用AngularFirestore提供的方法来对Firebase数据库进行操作。