以下是使用Angular和Firestore进行多个查询组合的示例代码:
首先,确保安装了必要的依赖项:@angular/fire和rxjs。
在组件中,导入所需的模块和服务:
import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { combineLatest } from 'rxjs';
@Component({
selector: 'app-root',
template: `
- {{ item.name }}
`,
})
export class AppComponent {
combinedItems: any[];
constructor(private firestore: AngularFirestore) {
this.getCombinedData();
}
getCombinedData() {
const query1 = this.firestore.collection('collection1').valueChanges();
const query2 = this.firestore.collection('collection2').valueChanges();
combineLatest([query1, query2]).subscribe(([query1Results, query2Results]) => {
this.combinedItems = [...query1Results, ...query2Results];
});
}
}
在上面的代码中,我们使用combineLatest
运算符将两个查询的结果组合在一起。请确保替换collection1
和collection2
为您的实际集合名称。
在模板中,我们使用*ngFor
指令循环遍历combinedItems
数组,并显示每个项的名称。
希望这可以帮助到你!