Angular2 Form 使用 setValue 将值重置为 null

Question

抱歉这个问题。这与我的子组件之一有关，该组件在写入表单时拒绝空字符串。

我有一个表单控制订单号。当我尝试这样做时，
this.myForm.controls['orderNo'].setValue = '123';
它工作正常，并且我的视图已使用此值更新。
但问题是，我无法使用 null 或空字符串设置控件。每当我这样做
this.myForm.controls['orderNo'].setValue = null;
或
this.myForm.controls['orderNo'].setValue = '';
没有反映我的观点时。但是我可以看到表单控件包含该空值。（ng.probe($0).componentInstance.myForm.controls['orderNo'].value 返回 null）。它只是没有反映在视图中。

请帮助我一些想法。谢谢你。

Answer 1

您可以直接使用 patchValue 来设置表单字段的值

    this.myForm.patchValue( {'orderNo':null} );

Answer 2

下面将整个表单组重置为空

    this.myForm.reset();