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 returns null)。它只是没有反映在视图上。

请帮我出出主意。谢谢。

Answer 1

可以直接使用patchValue来设置表单域的值

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

Answer 2

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

    this.myForm.reset();

Angular2 Form使用setValue将值重置为null

Angular2 Form using setValue to reset value to null

angular2-forms

angular2-template