初始化后如何在Angular 4中将值设置为FormArray？

Question

我有一个 formArray，我想在稍后获取数据后为数组设置值，但由于我已经初始化了 formArray，是否可以将初始值设置为 formArray 以及如何设置如果我不得不这样做的价值

constructor(private fb: FormBuilder) {
      this.businessForm = fb.group({
                    businessInfo: this.buildBusinessArray()
                });
        buildBusinessArray() {
                this.businessInfo = this.fb.array([this.buildBusinessGroup()]);
                return this.businessInfo;
            }

            buildBusinessGroup() {
                return this.fb.group({
                    taxNumber: '',
                    legalName: '',
                    `enter code here`dbaName: '',
                    location: '',
                });
            }
    }

这就是我尝试在函数中设置值的方式。但是它没有设置它只是抛出错误的值

this.selected.forEach((selected) => {
    this.businessForm.setValue ({
     'taxNumber': this.merchantInfo[selected.merchantNumber].businessInfo.taxNumber,
    ' legalName': 
     this.merchantInfo[selected.merchantNumber].businessInfo.legalName,
     'dbaName': this.merchantInfo[selected.merchantNumber].businessInfo.dbaName,
     'location': this.merchantInfo[selected.merchantNumber].businessInfo.location
    });
});

我不确定我错过了什么。有人可以帮我解决这个问题吗？

Answer 1

当您尝试使用setvalue 方法时。您需要设置所有成员。 如果您使用您的代码，请将setValue 替换为patchValue 方法。

您当前的代码。我已经更新了方法。

this.selected.forEach((selected) => {
    this.businessForm.patchValue ({
     'taxNumber': this.merchantInfo[selected.merchantNumber].businessInfo.taxNumber,
    ' legalName': 
     this.merchantInfo[selected.merchantNumber].businessInfo.legalName,
     'dbaName': this.merchantInfo[selected.merchantNumber].businessInfo.dbaName,
     'location': this.merchantInfo[selected.merchantNumber].businessInfo.location
    });
});

您也可以使用setvalue，但您需要初始化businessInfo 属性。

    this.selected.forEach((selected) => {
        this.businessForm.patchValue ({
businessInfo: '',//assign your value here
         'taxNumber': this.merchantInfo[selected.merchantNumber].businessInfo.taxNumber,
        ' legalName': 
         this.merchantInfo[selected.merchantNumber].businessInfo.legalName,
         'dbaName': this.merchantInfo[selected.merchantNumber].businessInfo.dbaName,
         'location': this.merchantInfo[selected.merchantNumber].businessInfo.location
        });
    });