Question

我正在使用Angular服务来允许用户上传文件。

该服务的实施正在工作；我的问题是有关RxJS及其可管道运算符的，但是这里是服务签名，以防万一：

askUserForFile(): Observable<File>;
toBase64(file: File): Observable<string>;
isFileValid(file: File, configuration?: { size?: number, extensions?: string | string[] }): boolean;

对此服务的呼叫如下：

  this.fileService
    .askUserForFile()
    .pipe(
      // this is the operator I'm looking for 
      unknownOperator(file => this.fileService.isFileValid(file, { extensions: ['txt'] }))
      mergeMap(file => {
        fichier.filename = file.name;
        return this.fileService.toBase64(file);
      }))
    .subscribe(base64 => {
      fichier.base64 = base64;
      // Rest of my code
    }, error => {/* error handling */});

我想找到一个代替unknownOperator的运算符，如果不满足条件，该运算符将引发错误。

我尝试过

filter：如果不满足条件，代码将在其后停止，
map：即使使用throwError抛出错误，代码仍会继续

我考虑过要使用以下管道

.pipe(
  map(...),
  catchError(...),
  mergeMap(...)
)

我认为这可能会起作用，但我想（如果可能）找到一个可以缩短此管道的操作员。

有可能吗？如果没有，是否有更好的管道？

Answer 1

您只能使用map，但是必须使用throw关键字引发异常，而不返回throwError，因为这只会创建另一个Observable。您也可以使用mergeMap，然后throwError可以工作，但这可能不必要地复杂。

map(val => {
  if (val === 42) {
    throw new Error(`It's broken`);
  }
  return val;
})

oneliner：

mergeMap(val => val === 42 ? throwError(new Error(`It's broken`)) : of(val))

寻找RxJS运算子

1 个答案: