Angular 需要的 ng 模型

Question

我正在尝试使用 html5 "required" 创建一个简单的输入。我正在使用占位符，所以我希望输入的初始值为空。我将输入绑定到初始化为空的 ng-model（因此占位符显示）。当我转到页面时，它显示需要输入，除非用户提交表单并且输入为空，否则不应显示。我该怎么做：

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

没有表单认为我提交的是空输入？

Answer 1

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

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

Answer 2

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

This should be working:

Angular ng-model with required