Angular 2 TypescriptでngFormModelをリセットして検証エラーを失う方法 - フォーム、検証、タイスクリプト、角度、モデル駆動

私はngControlテキストボックスを持つngFormModelを持っています。

    <form [ngFormModel]="addFriendForm" (ngSubmit)="create()"
class="form-vertical" #friendForm="ngForm">

汚れているとエラーメッセージが表示されます。

 <div [hidden]="id.valid || id.pristine" class="alert alert-danger">
Invalid ID
</div>

フォームを送信したら、フォームをリセットします。現在設定中です このような

this.addFriendForm.controls["id"].updateValue(null);

これにより、フォームに検証エラーが画面に表示されます。

値をnullにリセットすると、このエラーメッセージを回避することはできません。プログラムでフォームをリセットする方法はありますか？

回答：

これは現在サポートされていません。回避策はフォームを再作成することです。

送信後にもう一度controlGroupを定義すると、これが解決されます。この中から答えを見つけました。 リンク

this.testForm= this.fb.group({
id: ["", Validators.required],
name: ["", Validators.required]
});