Angular 反应式表单验证程序在后退按钮（浏览器）上不工作-角度

我在开发过程中遇到了一个问题，我创建了带有反应式验证的登录表单。它工作正常，但当我移动到不同的组件（如创建帐户），然后单击“上一步”按钮/图像显示在主页上，然后验证消息（）停止显示错误，但当我单击“提交”按钮时，它显示无效状态，但没有消息出现。有什么能帮我解释为什么会发生这种事吗。以下是一个例子：

必修的

我找到了解决方案。这是由于css造成的。实际上，文本框和按钮在屏幕中隐藏错误。当我给出文本框和按钮之间的更多间隙时，错误显示出来。因此，文本框/按钮高度会覆盖错误，因此我们无法看到。

在此处发布您尝试使用的代码，但无法找到问题所在，或者创建stackblitz示例。抱歉@KamranKhatti，我现在添加了代码。这只是主login.component.ts的示例。当我移动到signup.component.ts，然后单击“上一步”按钮时，验证将停止工作。每次它开始工作时，我都需要刷新页面。