javascript - 如何返回 bool 可观察值并检查该 bool 值

Question

我想使用 observable 来同步运行我的代码，我想在从服务器获取图标后返回一个真值以便我可以使用它。我该怎么做 ？

ngOnInit() {
  this.addIcons().subscribe(data=>{
    if(data===true)
      //do something use the data

  });
}

addIcons():Observable<boolean>{

  this.Service.getIcons().subscribe(icons => {

    return  return observableOf(true);   
  });

  return observableOf(false);   

}

Answer 1

您将使用 of和 switchMap来自 RxJS 的运算符。

您的 addIcons方法变为:

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

ngOnInit() {
  this.addIcons().subscribe(data=>{
    if(data===true)
      //do something use the data

  });
}

addIcons():Observable<boolean>{
  return this.Service.getIcons().pipe(
    switchMap((response) =>{
      // do something with icons response
      // based on some condition return true or false
      return of(true)
    })
  )
}