асинхронная проверка реактивных форм угловых с ngrx - PullRequest
1 голос
/ 05 июня 2019

Мне нужно проверить, существует ли пользователь в состоянии моего приложения.В моем приложении я использую ngrx и через селектор я хочу проверить, существует ли пользователь.

Как я могу это сделать?

Я не могучтобы проверить таким образом, что я делаю неправильно?

return this._formBuilder.group({
  id: ['', this._existUser()],
  dateStart: ['', Validators.required],
  dateEnd: ['', Validators.required]
})

  private _existUser(): AsyncValidatorFn {
    return (control: AbstractControl): Promise<{ [key: string]: any } | null> | Observable<{ [key: string]: any } | null> => {
      const userId = control.value;
      return this._store.select(usersSelectors.getUserById, { id: userId}).pipe(
        debounceTime(500),
        take(1),
        map(value => {
          // Not entering the map...
          return !!value ? { invalid: true } : null;
        })
      )
    };
  }

selectors.ts:

export const getUserById = createSelector(
    selectEntities,
    (entities, props): any => {
        return entities[props.id];
    }
);

1 Ответ

0 голосов
/ 05 июня 2019

Проблема в том, что вы определили this._existUser () как второй параметр, который предназначен для валидаторов или опций, асинхронные валидаторы должны быть переданы как третий параметр

return this._formBuilder.group({
  id: ['', [], this._existUser()],
  dateStart: ['', Validators.required],
  dateEnd: ['', Validators.required]
})

https://angular.io/api/forms/FormControl

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...