代码之家 › 专栏 › 技术社区 › Patricio Vargas

角度重置ngForm的最佳方法

angular

-2

Patricio Vargas · 技术社区 · 6 年前

我正在使用一个ngForm,它位于一个可以切换的侧边栏中。侧边栏是输入andress、支付信息等的文本字段。实际上,我想重置表单,我知道我可以销毁包含表单的组件,也可以重置表单(如下面的示例)。哪一个更好用,为什么?

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

我看了一眼这个queston Cleanest way to reset forms

1 回复 | 直到 6 年前

Ganesh 6 年前

@帕特里西奥·瓦加斯。。尝试分配 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() 所以这会解决你的问题。。否则你看这里 https://angular.io/guide/forms#submit-the-form-with-ngsubmit

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前