Повторная инициализация группы угловых форм

Думаю проблема в ваших данных. Структура вашего объекта userdetails и объекта данных, полученного от вашей службы, на которую вы подписались, не совпадают. может быть данные не имеют такой же подписи пользовательских данных. консоль его, чтобы проверить, если это в порядке или нет.

Дополнительно: вы создаете форму каждый раз, когда изменяются данные, но здесь изменяется только значение, а не скелет формы. Итак, я думаю, вы можете создать форму только один раз, и когда данные изменятся, просто обновите форму новым значением, полученным от вашего сервиса.

Поскольку я не уверен в структуре вашего объекта, здесь я предполагаю, что ваша служба возвращает объект данных, подобный этому {IsDndChecked: true, ForwardNumber: '123245'}

  ngOnInit() {
    this.initializeForm();

    this.myService.refreshDataSubject.subscribe((data) => {
      this.userdetails = data;
      this.updateFormValue(data);
    });
  }

  initializeForm() {
      this.myform = this.fb.group({
        dndcheckbox: [''],
        fwdNumber: ['', this.validateTelephoneNumber],
      });
  }

  validateTelephoneNumber(control: AbstractControl) {
    alert(control.value);
  }

  updateFormValue(data: any) {
    this.myform.setValue({
      dndcheckbox: data.IsDndChecked,
      fwdNumber: data.ForwardNumber
    });
  }

здесь Внутри ngOnInit() я вызываю метод initializeForm() для создания формы. Я создаю форму один раз, и когда изменение данных вызывается updateFormValue() для обновления значения формы.

Другое дело, вы можете установить функцию валидатора таким образом fwdNumber: ['', this.validateTelephoneNumber] и не нужно передавать значение (смотрите, я не отправляю значение в качестве параметра).

Когда вы обновляете значение поля (вы можете обновить значение из пользовательского интерфейса или с помощью таких функций, как setValue() или patchValue(). для получения дополнительной информации об этих двух функциях угловой реактивной формы см. здесь) конкретный элемент управления автоматически передается его пользовательской функции проверки.

Если вы видите фрагмент кода выше, вы обнаружите, что я не отправлял никаких параметров, а реализовал свой метод.

validateTelephoneNumber(control: AbstractControl) {
    alert(control.value);
  }

ожидает конкретный элемент управления формы fwdNumber.

Таким образом, код становится более чистым и управляемым. Надеюсь, поможет.

вместо сохранения в this.userdetails напрямую передать в качестве аргумента this.initializeForm(data)

и повторно инициализировать значение из аргумента данных