首页 文章

在 Angular 中重置 ngForm 的最佳方法

提问于
浏览 次
-2

我正在使用一个在侧边栏内切换的 ngForm。侧边栏是输入入口，付款信息等的文本字段。基本上我想重置表单，我知道我可以销毁具有表单的组件或只是重置表单(如下面的示例)。哪一个更好用，为什么？

<form #heroForm="ngForm">
    ...
    <button type="button" class="btn btn-default" (click)="newHero(); heroForm.reset()">New Hero</button>
</form>

我看了一下这个问题最简洁的方式来重置表单，但它没有回答我的问题。

angular

1 回答

  • 1

    @Patricio Vargas ..尝试在newHero()之后将null分配给newHero()中的表单字段你正在使用模型到heroForm然后代码将是

    public hero= new Hero();

    newHero() {
     //do your logic here after that
     this.hero.name= '';
     this.hero.age= '';
     this.hero.active = null;
    }

    在最新的角度，基于模型的表单不能使用formsName.reset() .So 这将解决您的问题..否则看看这里https://angular.io/guide/forms#submit-the-form-with-ngsubmit

    回复于

相关问题