Question

我有一个组件，在单击按钮时会从 save() 调用 StorageManagerService 方法：

// component.ts
onSaveClick(): void {
  this.storageManager
    .save(<objectToSave>)
    .pipe(take(1))
    .subscribe({
      next: (success: boolean) => {
        if (success) {
          // do stuff
        } else {
          // do other stuff
        }
      },
    });
}

那个 storageManager 是另一个处理条件逻辑的服务的适配器。所以 StorageManagerService.save() 如下所示：

// StorageManagerService
save(<objectToSave>): Observable<boolean> {
  if (<someCondition>) {
    this.modalService
      .openDialogWithComponent(
        SaveSystemContainerComponent,
        { data: { <someData> } },
        this.matDialog
      )
      .afterClosed()
      .pipe(take(1))
      .subscribe({
        next: (success: boolean) => {
          if (success) {
            // special handling

            return this.localStorageService.save(<objectToSave>);
          }

          return of(false);
        },
      });
  }
  else {
    return this.localStorageService.save(<objectToSave>);
  }
}

虽然LocalStorageManagerService有存储数据的具体实现：

// LocalStorageManagerService
save(<objectToSave>): Observable<boolean> {
  if (this.storageAvailable()) {
    localStorage.setItem(<objectToSave>.id, JSON.stringify(<objectToSave>));
    return of(true);
  }

  console.error('local storage not available or disabled');
  return of(false);
}

LocalStorageService 继承自所有存储服务都必须实现的抽象类。这个想法是，将来从localStorage迁移到实际数据库时，我只需更改StorageManagerService中的变量，而不必修改应用程序中的20多个地方。

我遇到的问题是，在某些情况下，用户必须输入额外的数据才能存储它。该输入通过模态出现发生。现在 TypeScript 告诉我 StorageManagerService 中的 if-case 不返回任何内容（这是正确的）。

如何将 subscribe.next() 中 StorageManagerService 的结果返回给调用函数？我想我缺少一个 rxjs 运算符。

Answer 1

如果有人订阅保存，你可以将方法重构为：

SECRET_KEY = os.getenv('SECRET_KEY')

此外，您的 save(objectToSave): Observable<boolean> { if (someCondition) { return this.modalService .openDialogWithComponent( SaveSystemContainerComponent, { data: { someData } }, this.matDialog ) .afterClosed() .pipe( take(1), switchMap((success: boolean) => { if (success) { // special handling return this.localStorageService.save(objectToSave); } return of(false); }) ); } else { return this.localStorageService.save(objectToSave); } } 应该只在订阅 LocalStorageManagerService 的返回时执行实际保存，而不仅仅是在调用 save 时：

save

订阅的角度返回结果为 Observable

1 个答案: