反应式表单验证器在后退按钮（浏览器）上不起作用 - 角度

Question

我在开发过程中遇到了一个问题，我创建了带有反应验证的登录表单。它工作正常但是当我移动到不同的组件（如创建帐户）然后单击返回按钮/图像进入主页然后验证消息（）停止显示错误但是当我单击提交按钮时它显示无效状态但没有消息来。有一天可以帮助我为什么会发生这种情况。这是一个例子：

<Form class="" [formGroup]="loginForm" novalidate>           
<input matInput formControlName="email" placeholder="Email" type="email" #email> 
 <mat-error>
required
 </mat-error>
</Form>

第一次显示，但是点击后退按钮后它不工作我需要刷新页面然后它开始工作。

Answer 1

我得到了解决方案。这是由于css而发生的。实际上文本框和按钮隐藏了屏幕中的错误。当我在文本框和按钮之间留出更多间隙时，就会显示错误。所以文本框/按钮的高度会覆盖错误，因此我们看不到。