2

モデル駆動型フォームで送信した後、フォームをクリアするにはどうすればよいですか? 使用する必要がありますngModelか? ありがとう

<form [ngFormModel]="myForm" (ngSubmit)="onSubmit()">
    <input type="text" [ngFormControl]="name">
    <button type="submit">Submit</button>
</form>

.

myForm: ControlGroup;
name: AbstractControl;

ngOnInit()
{
    this.myForm = this._formBuilder.group({
        'name': [""]
    });
    this.name = this.myForm.controls['name'];
}


onSubmit() {
    this.name.value = ""; // This is not working.
}
4

4 に答える 4

2

以下のように、フォームを再度初期化するだけです。

this.myForm = this._formBuilder.group({
    'name': [""]
});

これにより、formControlName フィールドがリセットされて空に戻ります

于 2016-12-19T18:49:17.203 に答える
2

でコントロールを反復しthis.myForm.controlsて呼び出すことができますupdateValue()。それ以外の場合は、 https://github.com/angular/angular/issues/4933を参照してください

于 2016-02-22T20:55:22.223 に答える