Angular 2 - 表单 - 通过 NgForm 对象将 NgForm .submitted 设置为 true

Question

在 Angular 1 (1.5) 中，表单 Controller 有一个 $setSubmitted()允许您以编程方式设置 .$submitted 的方法标记为真。

如何通过 NgForm 对象在 2 中执行此操作？我不想使用模板，又名 (ngSubmit)="" .

我试过了 <formname>.ngSubmit.emit() , 但它不设置 .submitted为真。

Answer 1

ngSubmit 实际上是一个事件发射器(一个 @Output() 绑定(bind))，它将在 提交表单后通知您 - 它确实这是通过监听 DOM 事件以在主机表单元素上提交。

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

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

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

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