CSS с пользовательской проверкой AngularJs

Question

У меня возникли проблемы с получением сообщения для отображения, когда ввод поля недействителен. Я вижу, что классы корректно применяются к элементу, т. Е. Ng-dirty ng-invalid ng-invalid-pattern, поэтому мне просто нужно отобразить сообщение об ошибке. Есть ли проблема с моим html?

Спасибо!

<form ng-controller="FormCtrl" name="TestForm" action="http://myserver/api" method="post" novalidate> 

<div class="form-group"> 
    <input class="form-control" type="text" id="vld" name="vld" data-ng-pattern="/(^$)|(\b\d{9}\b)/" data-ng-model="model.tfn"> 
    <span class="error" data-ng-show="model.tfn.$invalid">Correct input etc...</span> 
</div> 

</form> 

Answer 1

Информация, которую вы ищете, является частью FormController. Вам нужно настроить formController с помощью директивы нг-формы:

<div class="form-group" ng-form="myForm"> 
    <input class="form-control" type="text" id="vld" name="vld" data-ng-pattern="/(^$)|(\b\d{9}\b)/" data-mg-model="model.tfn"> 
    <span class="error" data-ng-show="myForm.vld.$invalid">Correct input etc...</span> 
</div> 

Если это будет сделано, вы можете получить доступ к информации по [Имя OFrmController] [Имя поля ввода] $ недействителен, например.. myForm.vld. $ недействительный