如何确定 Angular 表单是否尝试提交

Question

如何确定用户是否尝试提交 Angular 表单，以仅在用户尝试提交时显示一些无效字段信息。

Answer 1

当您以 Angular 创建表单时，表单对象包含一个布尔属性“已提交”。当用户尝试提交表单时，它就会变为 true。

<form #searchForm="ngForm" [ngClass]="{'FormTried':searchForm.submitted}"
        (ngSubmit)="submitData(searchForm)" >
        // your form fields
</form>

我用它来为尝试提交或不提交的表单添加一个类。

Answer 2

<form #empForm="ngForm" [ngClass]="{'FormTried':empForm._submitted}"
        (ngSubmit)="submitData(empForm)" >
        // added code here
</form>

我已经使用了这个，在我最后效果很好，请也尝试一下。