switchMap Угловой /

Я обновил свой angular до ng7. Я работаю над проектом, в котором у меня есть 3 http-вызова, которые зависят друг от друга, поэтому я решил использовать switchMap. Моя проблема в том, что способ, которым я написал switchMap раньше, не работает. Вот как обычно писал мой it

DeleteConfirm(id: number, $event) {
console.log('product');
this.productService.deleteProductById(
  id).switchMap(productDeleted => this.productService.getProducts())
  .subscribe(
    products => {
      this.products = products;
      this.confirmDelete = false;
    }, error2 => {}
  );
$event.stopPropagation();

}

Нижеприведенный метод — это тот, над которым я сейчас работаю. Любое предложение о том, как я должен использовать switchMap?

createCompWithGroup(competitionName: string) {

return this.apiService.createACompetition(competitionName)
  .pipe(switchMap(data => {
    const competition = data['category'];
    const competitionSlug = competition.id + '-' + competition.slug;
     this.createSecurityGroup(competitionSlug).subscribe( data =>{
   return   this.addSecurityGroup(competitionName, competitionSlug)
     }
  }
  ));

}


typescript angular rxjs switchmap
person EdwinS95    schedule 25.10.2018    source источник
comment
Я немного запутался, два примера кода, похоже, никак не связаны   -  person ShamPooSham    schedule 25.10.2018
comment
Первый образец из проекта, в котором я использовал angular 4-5.   -  person EdwinS95    schedule 25.10.2018
comment
Да, но старый образец не должен делать то же самое, что и новый, верно? Не вижу смысла показывать предыдущий код, если они не пытаются добиться того же   -  person ShamPooSham    schedule 25.10.2018

Ответы (1)


arrow_upward
1
arrow_downward

Это должно сделать это:

createCompWithGroup(competitionName: string) {
  return this.apiService.createACompetition(competitionName).pipe(
    switchMap(data => this
      .addSecurityGroup(competitionName, `${data.cateogry.id}-${data.cateogry.slug}`)
    )
  )
}

Параметр subscribe будет ответом на запрос addSecurityGroup.

person Community    schedule 25.10.2018