Angular 提交后重新设置角形

Angular 提交后重新设置角形,angular,angular-forms,Angular,Angular Forms,我有棱角形状,不反应: <form #form="ngForm" (submit)="submit(); form.reset()"> <input ... /> </form> 但表单在提交后并没有重置,输入仍然标记为已触摸 请解释一下,如何在Angular 5中重置表单 闪电战: 我想要的:在提交后清除焦点并标记为未触及。使用@angular/forms当您使用标记时,它会自动创建一个FormGroup 对于每个标记的包含的ngModel,它将创建一个

我有棱角形状,不反应:

<form #form="ngForm" (submit)="submit(); form.reset()">
 <input ... />
</form>
但表单在提交后并没有重置,输入仍然标记为已触摸

请解释一下,如何在Angular 5中重置表单

闪电战:

我想要的:在提交后清除焦点并标记为未触及。

使用@angular/forms当您使用标记时,它会自动创建一个FormGroup

对于每个标记的包含的ngModel,它将创建一个FormControl并将其添加到上面创建的FormGroup中;此FormControl将使用属性名命名到FormGroup中

例如:

<form #f="ngForm">
    <input type="text" [(ngModel)]="firstFieldVariable" name="firstField">
    <span>{{ f.controls['firstField']?.value }}</span>
</form>

当您将其标记为独立时:如果为true,则不会发生此情况,它不会添加到FormGroup。

您能在stackblitz上显示此行为吗?我这样问是因为它对我有用。请在问题中提供@yurzui I添加链接。如果我删除[ngmodelpoptions]={standalone:true}并为输入元素命名,该字段将被清除。“看,”康纳斯范叶,它的作品。你总是对的。谢谢