更新 formArray 而不发出 valueChanges

Question

有这样的形式：

    this.form = this.fb.group({
      name: [null, [Validators.required]],
      companyHolderUid: [null],
      generalDescription: [null],
      authority: [TemplateAuthorities.Root],
      tabs: this.fb.array([]),
      tagReferences: this.fb.array([]),
    }, { updateOn: 'blur' });

我想在不触发 valueChanges 的情况下更新 tabs 或 tagReferences。像这样的东西 { emitEvent: false, onlySelf: true }

当使用 patchValue 并尝试控制台时 tabs 为空

  private formInit(template: AssetTemplate) {
    this.form.patchValue({
      name: template.name,
      companyHolderUid: template.companyHolderUid,
      generalDescription: template.generalDescription,
      authority: template.authority,
      tabs: [1,2,3,4]
    }, { emitEvent: false, onlySelf: true });
    console.log(JSON.stringify(this.form.value));

  }

console.log 结果：

{
   "name":"test template",
  "companyHolderUid":null,
  "generalDescription":"Lorem ipsum",
  "authority":"ROOT",
  "tabs":[],
  "tagReferences":[]
}

Answer 1

使用patchValue 方法。
您可以传递整个表单值，或者仅在您愿意时才更新特定字段。

const newValue = [];
this.form.patchValue({ tabs: newValue }, { emitEvent: false });