Angular 2 – Forms – 通过NgForm对象设置NgForm .submitted为t

发布时间：2020-12-17 07:16:21 所属栏目：安全来源：网络整理

导读：在Angular 1(1.5)中,表单控制器有一个$setSubmitted()方法,允许您以编程方式将.$submitted标志设置为true. 我如何通过NgForm对象在2中执行此操作？我不想使用模板,aka(ngSubmit)=“”. 我尝试过 formname .ngSubmit.emit(),但它没有将.submitted设置为true.

在Angular 1(1.5)中,表单控制器有一个$setSubmitted()方法,允许您以编程方式将.$submitted标志设置为true.

我如何通过NgForm对象在2中执行此操作？我不想使用模板,aka(ngSubmit)=“”.

我尝试过< formname> .ngSubmit.emit(),但它没有将.submitted设置为true.

解决方法

ngSubmit实际上是一个事件发射器(@Output()绑定),它将在提交表单后通知您 – 它通过在主机表单元素上侦听提交的DOM事件来完成此操作.

因此,即使您不使用ngSubmit,如果用户单击表单中的提交按钮,表单仍将被“提交”.

您可以使用onSubmit方法手动将表单提交标志设置为true,例如通过按钮

<button type="button" (click)="theForm.onSubmit($event)">Submit</button>

..但是根据我使用Angular表单的经验,需要手动设置它是非常不寻常的(ngForm指令和ngSubmit事件发射器应该是管理表单所需的全部).你有什么理由需要这个吗？

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!