如何通过 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函数是这样的吗？

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

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