当用户无法有效时显示form.valid [angular]

Question

因此。我按照官方文档中的构建验证器和表单验证的教程进行操作 - ＆gt;

让我感到困惑的一件事是，你不知道为什么在出现问题时你不能提交表格。

以doc：plunker - ＆gt;中的plunker例子为例。 https://plnkr.co/edit/TJUZlkKOv22PzPB7gHEK?p=preview

你不能点击提交，你的鼠标会变成一个正常的停止信号。

但是你必须检查你的表格，找到你错过的。 我希望有一种方法可以提供一个工具提示来显示哪个字段是必需/假的，至少向用户解释“你所做的事情有问题，检查这个特定的字段（这是红色的油漆，但你看起来太多了***了解）'。

您是否对如何访问form.valid有任何线索，并对表单无效的原因进行了一些最小限度的解释。

Answer 1

你可以像plunker 3那样使用被动形式，并根据有效性条件有一些像下面这样的表达来显示用户信息。

<span *ngIf="!form.get('userData.email').valid && signUpForm.get('userData.email').touched" class="help-block">
            Please enter a valid Email!
</span>

如果您的要求不同，请告诉我。