Угловая ng-модель с обязательным

Question

Я пытаюсь создать простой ввод с html5 "required". Я использую placeholder, поэтому я хотел бы, чтобы начальное значение ввода было пустым. У меня есть вход, связанный с ng-моделью, которая инициализируется как пустая (так показывает placeholder). Когда я перехожу на страницу, это показывает, что для этого требуется вход, который не должен отображаться, если пользователь не отправит форму, и вход пуст. , как я могу это сделать:

<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: 

http://plnkr.co/edit/6PTNg3atPHAjL0XFtvWj?p=preview