如何在等待第一个函数响应的函数内部调用函数？

Question

我需要在我的 ngOnInit 中加载一些数据。

ngOnInit() {

        this.perfilService.getPerfisList()
        .subscribe(res=> {              

            this.perfilData = res;

            for(var i= 0;i < this.perfilData.length ; i++){            
              var Indata = {'idUsuario': this.id, 'idPerfil': this.perfilData[i].id };
              console.log(Indata);
              this.usuarioperfilService.validaUsuariosPerfil(Indata)
              .subscribe(res2 => {
                this.response = res2;
                console.log(res2);    
              });
            }

        });

我需要等待perfilService.getPerfisList 完成，将响应迭代为this.perfilData，然后开始调用this.usuarioperfilService.validaUsuariosPerfil。

问题是两个函数同时被调用，所以由于函数 2 的请求是函数 1 的响应，所以还没有响应，所以第二个函数被空请求调用。

在 ngOnInit 期间我该如何管理？

Answer 1

试试这个：

this.perfilService.getPerfisList().pipe(
    switchMap(perfisList => {
        const innerObservables = perfisList.map(
            perfisItem => this.usuarioperfilService.validaUsuariosPerfil({ 'idUsuario': this.id, 'idPerfil': perfisItem.id }),
        );
        return forkJoin(innerObservables);
    }),
).subscribe(x => console.log(x));

必要的导入：

import { switchMap } from 'rxjs/operators';
import { forkJoin } from 'rxjs'; 

Answer 2

您可以使用 RxJs 运算符 ma​​p 和 forkJoin 将来自一个可观察对象的响应修改为与另一个响应映射。

more info