仅当输入不为空且无效时，Angular才会显示错误

Question

我试图在我的表单上切换一个错误区域，只有在有一些输入时才会触发，如果用户还没有开始输入，那么错误就会显得有些愚蠢

<form name="registerForm">
  <input type="email" name="email" ng-model="email" required />
</form>

<span ng-show="registerForm.email.$invalid">
  Invalid email.
</span>

一旦我打字，这个工作正常，但如果输入为空，我希望它没有显示错误。我尝试过使用模型ng-hide="!email.length"，但无法让它发挥作用。

Answer 1

<span ng-show="registerForm.email.$invalid && registerForm.email.$dirty>