폼 검증 각도/부트 스트랩

Question

여기에 FIDDLE

왜 필요한 검증이 작동하지 않는지 이해할 수 없습니까 ?? .

HTML

<div ng-app="app"> 
    <div ng-controller="myctrl"> 
     <form name="myform" class="form form-horizontal" novalidate> 
      <fieldset class="fieldset" ng-show="payment == 'bankAccount'" class="form-group clearfix"> 
       <ul class="form-group"> 
        <li ng-class="{ 
       'has-error': myform.routingNumber.$invalid, 
       'has-success':myform.routingNumber.$valid}"> 
         <label for="routingNumber">Bank Routing Number</label> 
         <div class="" ng-show="myform.routingNumber.$error.required"> <span class="help-block">Please enter routing number</span> 

         </div> 
         <input type="text" name="routingNumber" class="form-control" required/> 
        </li> 
       </ul> 
      </fieldset> 
     </form> 
    </div> 
</div> 

JS 당신이 걷어차 폼의 각 검증에 대한 ng-model를 제공 할 필요가

var app = angular.module('app', []) 

Answer 1

시도 : -

<input type="text" ng-model="routingNumber" name="routingNumber" class="form-control" required/> 

부가 메모 : - 대상 입력에 ID를 사용하지 않고 label for을 사용하지 않습니다. 당신이 "myctrl"컨트롤러가 자바 스크립트에 선언하지 않아도 @future

Demo