如果Angular 8中存在数据，如何检查Observable

Question

我正在尝试以反应式编程方式实现 CRUD 功能。我有一个表单，其中一个字段 identifier_name 必须是唯一的。

但是，在调用 create new 或 update 方法之前，我需要先检查我正在创建或更新的 identifier_name 字段的值是否已经存在于我的 observable 是这样的 observable 中。

this.userService.users$;

以下是我的组件中的代码。

@Component({...})
    export class UserEditComponent implements OnInit, OnDestroy {

        subscription: Subscription = new Subscription();

        ngOnDestroy() {
          this.subscription.unsubscribe();
        }

        saveUser(): void {
            if (this.userForm.valid) {
                this.identifierExists$.subscribe(exists => {
                      if (exists) {
                        this.snackBar.open('The scope identifier must be unique.', 'Close', { duration: 5000 });
                      } else {
                        if (this.isNewRecord) {
                            this.createNewUser();
                        } else {
                            this.updateUser();
                        }
                      }
                    })          
            } else {
                this.snackBar.open("An error occured while saving your changes. Please try again.", "Close", { duration: 5000 });
            }
        }

      createNewUser(): void {
        this.subscription.add(
          this.userService.saveUser(this.userForm.value)
            .pipe(catchError(this.handleError))
            .subscribe(() => {
              this.snackBar.open('New user successfully created.', 'Close', { duration: 5000 });
            })
        )
      }

      updateUser(): void {
        this.subscription.add(
          this.userService.selectedUserIdAction$
            .pipe(
              switchMap(id => this.userService.updateUser(id, this.userForm.value))
            )
            .subscribe(_ => {
              this.snackBar.open("User successfully updated.", "Close", { duration: 5000 })
            })
        )
      }

    }

我的想法是这样做。

    private identifierSubject = new BehaviorSubject<string>('');
    identifierAction$ = this.identifierSubject.asObservable();

    identifierExists$ = this.identifierAction$.pipe(
            switchMap(identifier => {
                this.userService.users$
                    .pipe(
                        map(users => users.some(user => user.identifier_name === identifier))
                    )
            })
        )

我不确定这是否是满足我要求的正确方法，因为我对反应式编程的概念还很陌生。

另外，如果你注意到我的两种方法createNewUser() 和updateUser。有没有一种方法可以触发 create 和 update 而无需订阅？我在反应式编程中所知道的是避免subscribe。但是，不确定如何以正确的方式做到这一点。

希望您能指导我如何以反应式编程方式正确地做到这一点。

TIA

Answer 1

1. 您说您有一个表单并且您希望一个值是唯一的。我强烈建议您在按下 saveUser() 时不要进行此检查。而是使用验证器，因此在您拥有唯一名称之前，表单将无效。反应式表单同时提供 - 同步和异步 - 验证器。
2. 您是否知道，每次提交点击都会为您的组件添加订阅？
3. 我很难理解为什么您的标识符存储在 BehaviorSubject 中。是不是太过分了？

关于您的创建+更新，请查看此帖子：Angular http.post without .subscribe callback