Угловая проверка не работает

Question

Я следую учебнику по AngularJS, теперь я застреваю, я не знаю, что я делаю неправильно.

<div ng-app="myApplication" ng-controller="ex13Controller"> 
     <form name="mijnFormulier" novalidate> 
     <table> 
      <tr> 
       <td>Naam:</td> 
       <td><input value="" ng-model="user.naam" name="naam" /> 
       <td><span style="color: red" ng-show="mijnFormulier.naam.$dirty && mijnFormulier.naam.$invalid" ><span ng-show="mijnFormulier.naam.$error.required">Moet ingevuld worden</span></span></td> 
      </tr> 
     </table> 
     </form> 
</div> 

Угловая показывает mijnFormulier.naam. $ Грязный состояние хорошее, (испытано при выходе из $ недопустимый и $ error.required). Когда дело доходит до проверки, Angular не реагирует.

Answer 1

Вам нужно добавить атрибут required в input теге

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app> 
 
     <form name="mijnFormulier" novalidate> 
 
     <table> 
 
      <tr> 
 
       <td>Naam:</td> 
 
       <td><input value="" ng-model="user.naam" name="naam" required /> 
 
       <td><span style="color: red" ng-show="mijnFormulier.naam.$dirty && mijnFormulier.naam.$invalid" ><span ng-show="mijnFormulier.naam.$error.required">Moet ingevuld worden</span></span></td> 
 
      </tr> 
 
     </table> 
 
     </form> 
 
</div>

Answer 2

Я забыл о требуемом теге на входах. -.-

<input value="" ng-model="user.naam" name="naam" required/> 

Нравится это.