javascript - change - Angular 2: dos llamadas de servicio back-end en el éxito del primer servicio

dynamic title angular 5

Question

En mi aplicación Angular 2, tengo el servicio de fondo como se muestra a continuación.

getUserInterests() {
    return this.http.get(''http://localhost:8080/test/selections'').map((res: Response) => res.json());
}

Después de llamar a este servicio, quiero llamar a otro servicio en caso de éxito del anterior.

2do servicio

let params: URLSearchParams = new URLSearchParams();
    params.set(''access_token'', localStorage.getItem(''access_token''));
    return this.http.get(''http://localhost:8080/user/selections'', { search: params }).map((res: Response) => res.json());

Estos dos servicios devuelven por separado dos matrices JSON. Entonces necesito hacer un inicio de sesión con estas dos matrices.

EDITADO

service.ts

getUserInterests() {
    return this.http.get(''http://localhost:8080/test/selections'').map((res: Response) => res.json());
}

getSavedSelections() {
    let params: URLSearchParams = new URLSearchParams();
    params.set(''access_token'', localStorage.getItem(''access_token''));
    return this.http.get(''http://localhost:8080/interest/user/selections'', { search: params }).map((res: Response) => res.json());
}

getSelectionList() {
    var obs = this.getUserInterests().flatMap(
        (interests) => {
            return Observable.forkJoin([
                Observable.of(interests),
                this.getSavedSelections()
            ]);
        }
    );
    return obs;
}

Luego estoy usando siguiente en mi otro archivo ts para llamar al servicio.

export class InterestsComponent {
  private interests;
  private saved_interests;
  constructor(private dataService: DataService) {
    this.dataService.getSelectionList().subscribe(
        (result) => {
            var interests = result[0];
            var selections = result[1];
        }
    );
  }
}

Pero esto da el siguiente error en el registro de la consola.

ORIGINAL EXCEPTION: TypeError: this.dataService.getSelectionList is not a function

Cualquier sugerencia es apreciada.

Answer 1

flatMap aprovechar el operador flatMap para llamar a una solicitud después de completar la anterior:

this.service.getUserInterests().flatMap(
  (interests) => {
    let params: URLSearchParams = new URLSearchParams();
    params.set(''access_token'', localStorage.getItem(''access_token''));
    return this.http.get(''http://localhost:8080/user/selections'', {
      search: params
    }).map((res: Response) => res.json());
  }
);

Al suscribirse a este flujo de datos, solo recibirá el resultado de la última solicitud.

Puede usar el método Observable.forkJoin para devolver ambos. Aquí hay una muestra:

var obs = this.service.getUserInterests().flatMap(
  (interests) => {
    return Observable.forkJoin([
      Observable.of(interests),
      this.service.getUserSelections()
    ]);
  }
);

obs.subscribe(
  (result) => {
    var interests = result[0];
    var selections = result[1];
  }
);