Question

我试图使用html5＆＃34; required＆＃34;创建一个简单的输入。我使用占位符，所以我希望输入的初始值为空。我将输入绑定到初始化为空的ng模型（因此占位符显示）。当我转到页面时，它显示输入是必需的，除非用户提交表单并且输入为空，否则不应显示输入。我怎么能这样做：

<input type="text" required ng-model="name">
..in controller:
$scope.name = "";

并没有表格认为我提交空输入？

Answer 1

仅验证用户何时与您的输入元素实际交互的一种方法是使用$ dirty来确定是否显示您的错误消息。 e.g。

<span ng-show="form.name.$dirty && form.name.$error.required">
      Name is required
</span>

Answer 2

我刚刚创建了一个关于您的问题的表单验证示例

This should be working: