从返回的后端数据分配表单控件默认值

Question

我无法将表单控件的默认值分配给我从后端获取的数字。

我已经将数字保存到它自己的对象中，并试图在表单控件中调用它。

touch ~/.condarc

我希望表单控件默认为totalInvoice中存储的数字，但是当我将其记录到控制台时，它显示的值为'null'

Answer 1

您可以使用formBuilder为控件设置默认值，如下所示：

finalizeInvoiceCost = this.fb.group({
    totalInvoiceCost:  this.fb.control(this.totalInvoice, [])
});

那就是如果您已经初始化了totalInvoice。 如果您不这样做，则可以稍后致电：

this.finalizeInvoiceCost.get('totalInvoiceCost').patchValue(this.someNewValue);

Answer 2

好吧，初始化totalInvoice后，您可以按照以下格式设置其值：

this.finalizeInvoiceCost.patchValue({totalInvoiceCost: this.totalInvoice}); 

您还可以使用setValue，但是为此您必须为表单中的每个字段赋予一个值，否则它将崩溃。

Answer 3

也许formControl使用默认值'null'获取了'totalInvoice'，因为您的'totalInvoice'尚未从后端接收数据。

首先，您必须确保'totalInvoice'中有数据。

或者，在“ totalInvoicesCost”有数据之后，您可以使用它。

this.finalizeInvoiceCost.get('totalInvoiceCost').setValue(totalInvoice);