Как проверить, что поле формы коснулось и пустое в Угловом

Question

Я хочу предупредить пользователя, если поле формы коснулось и осталось пустым. Я могу проверить, коснется ли пустое поле $pristine. Но если я предварительно загружаю данные формы из $scope, $pristine не работает. Кроме того, я не хочу использовать параметр required, я хочу только ввести предупредительный стиль ng-class.

<div ng-class="{'has-warning': !form.name.$pristine}"> 
    <input type="text" name="name" ng-model="people.name"> 
</div> 

Answer 1

Вы можете попробовать использовать ngFocus:

Укажите пользовательское поведение на событие фокуса.

https://docs.angularjs.org/api/ng/directive/ngFocus

<div ng-class="{'has-warning': !form.name.isValid}"> 
    <input type="text" name="name" ng-model="people.name" ng-focus="form.name.isValid = people.name ? true : false"> 
</div> 

Answer 2

Есть несколько государственного свойства, установленное на ngModel описанных here. Вы можете захотеть использовать form.name. $ Dirty или form.name.

редактировать

Попробуйте использовать:

ng-class="{'has-warning': form.name.$touched && people.name.length === 0}" 

Answer 3

Я хотел бы предложить использовать:

form.name.$touched && form.name.$invalid 

он должен работать