在Angular中重置ngForm的最佳方法

时间:2018-08-16 18:36:11

标签: angular

我正在使用位于侧边栏内的ngForm进行切换。该侧边栏是用于输入andress,付款信息等的文本字段。本质上,我想重置表单,并且我知道我可以销毁具有该表单的组件,也可以只重置该表单(例如下面的示例)。哪个更好用?为什么?

'...<input type="button" id="read" value="Read more" onclick="myFunction(\''.$articleid.'\',\''.$speech.'\')">';

我看了这个问题Cleanest way to reset forms,但没有回答我。

1 个答案:

答案 0 :(得分:1)

@Patricio Vargas ..尝试在逻辑完成后将null分配给newHero()中的表单字段。如果您对heroForm使用模型,则代码将< / p>

    public hero= new Hero();

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

在最新的角度上,基于模型的表单不能与formsName.reset()一起使用。因此,这将解决您的问题..否则请在这里https://angular.io/guide/forms#submit-the-form-with-ngsubmit