在Angular中使用Angular Firestore调用函数以获取字符串数组的解决方法如下:
首先,在你的Angular项目中安装Angular Firestore依赖:
npm install firebase @angular/fire --save
然后,在你的Angular模块中引入Angular Firestore模块并配置Firebase凭证:
import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
@NgModule({
imports: [
AngularFireModule.initializeApp(environment.firebaseConfig),
AngularFirestoreModule
],
// ...
})
export class AppModule { }
接下来,在你的组件中引入Angular Firestore服务并调用函数以获取字符串数组:
import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
@Component({
selector: 'app-your-component',
template: `
- {{ item }}
`,
})
export class YourComponent {
items: string[] = [];
constructor(private firestore: AngularFirestore) {
this.getItems();
}
getItems() {
this.firestore.collection('your-collection-name').valueChanges().subscribe((data: string[]) => {
this.items = data;
});
}
}
在上面的代码示例中,我们在构造函数中调用getItems()
方法以获取Firestore中的数据。getItems()
方法使用this.firestore.collection().valueChanges()
来获取your-collection-name
集合中的数据,并通过订阅该Observable来更新items
数组。
最后,在你的模板中使用*ngFor
指令来循环渲染items
数组中的每个字符串。
希望以上解决方法能够帮助到你!