如何通过 Angular 9 中的 FormGroup (AbstractControl) 在 Reactive Form 中重置 ng-select？

Question

我有一个带有一堆 ng-select 元素的 FormGroup。 我还有以下代码可以重置反应表单中的所有值，但 ng-select 元素除外。

  Object.keys(this.myFormGroup.controls).forEach(key => {
    const currentControl = this.myFormGroup.controls[key];
    if (currentControl == null) {
      currentControl.reset();
    }
  });

我也尝试了currentControl.patchValue('')和null ，但它不起作用。 当我在ng-select中加载错误的“ item ”时，它有一个选定的值“ undefined ”，我想在它undefined时清除此默认选定值。 这就是我使用== null的原因。

即使您有一个 hacky JavaScript (Vanilla) 解决方案，也请分享它。

Answer 1

您是否尝试传递要将 ng-select 重置为的初始值； 里面的reset function 像这样吗？

    Object.keys(this.myFormGroup.controls).forEach(key => {
    const currentControl = this.myFormGroup.controls[key];
    if (currentControl == (null || undefined)) {
      currentControl.reset('');
    }
  });

我还添加了对未定义控制值的检查。