Javascript 为什么提交事件后ngForm的提交属性保持为false？

我想在表单外部触发submit，我使用

ngForm

的

submitted

属性作为我的应用程序逻辑

但是当我提交表单时，它会触发

onSubmit

函数，但是

submited

stay

false

为什么?？如何让它工作

Html:

开始编辑以查看发生的奇迹：）

{{ngForm.submitted | json}}
名字：
姓氏：
触发外部提交

你离得不远。需要进行一些修改：

为表单标签添加

id=“ngForm”

：

<form id="ngForm" #ngForm="ngForm" [formGroup]="profileForm" (ngSubmit)="onSubmit()">

此外，您不再需要

submitForm

方法

---

现在，它会将表单设置为已提交。

您离得不远。需要进行一些修改：

为表单标签添加

id=“ngForm”

：

<form id="ngForm" #ngForm="ngForm" [formGroup]="profileForm" (ngSubmit)="onSubmit()">

此外，您不再需要

submitForm

方法

---

现在它会将表单设置为已提交。

就我所知，在ngSubmit上发出的消息实际上并没有提交表单。我建议将按钮移动到表单内部，删除click事件绑定并将类型更改为submit。那么您就不需要submitForm函数了。@这也是事实。据我所知，在ngSubmit上发出消息实际上并没有提交表单。我建议将按钮移动到表单内部，删除click事件绑定并将类型更改为submit。那么您就不需要submitForm函数了。@这也是事实。

<form id="ngForm" #ngForm="ngForm" [formGroup]="profileForm" (ngSubmit)="onSubmit()">

<button type="submit" form="ngForm">trigger submit outside</button>