Angular2 Form使用setValue将值重置为null

时间:2017-08-21 12:48:28

标签: angular2-template angular2-forms

对不起这个问题。这与我的一个子组件有关,它在写入表单时拒绝null,空字符串。

我有一个表单控件orderNo。 当我尝试做什么     this.myForm.controls['orderNo'].setValue = '123';
它工作正常,我的视图用这个值更新  但问题是,我无法使用null或空字符串设置控件。每当我这样做     this.myForm.controls['orderNo'].setValue = null;
    或
    this.myForm.controls['orderNo'].setValue = '';
它并没有反映我的观点。 但是我可以看到表单控件保存了null值。 (ng.probe($ 0).componentInstance.myForm.controls [' orderNo']。value返回null)。  它只是没有反映在视图上。

请帮我一些想法。谢谢。

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:2)

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

    this.myForm.reset();