项目场景:
列表页模块,存在筛选区域,筛选区域有多个下拉选择,该页面的列表需要基于多个下拉选择的数据返回后默认取第一个值进行列表查询
解决方案:
使用forkJoin
import { forkJoin } from 'rxjs';
ngOnInit(): void {
this.joinForkData()
}
joinForkData(){
forkJoin([
this.service.getList1(),//异步请求1
this.service.getList2()//异步请求2
//...依次加入需要异步执行的方法
]).subscribe((data:any) => {
this.list1= data[0];//异步请求1的返回结果
this.list2= data[1];//异步请求2的返回结果
// ...按顺序返回上述请求的data
this.getList();//最终请求
});
}