HTML 양식 태그를 사용하지 않고 각도 양식 유효성 검사 수행

Question

HTML 양식을 사용하지 않고 각도 양식 유효성 검사를 적용하고 싶습니다. 다음과 같이 시도했지만 버튼을 비활성화하지는 않습니다.

<ng-form name="login"> 
 

 
<div class="input-group"> 
 
    <span class="input-group-addon"><i class="fa fa-user"></i></span> 
 
    <input type="text" name="username" value="" placeholder="Username" class="form-control" id="login-username" ng-required="true"> 
 
</div> 
 

 
<div class="input-group"> 
 
    <span class="input-group-addon"><i class="fa fa-lock"></i></span> 
 
    <input type="password" id="login-password" class="form-control" name="password" placeholder="Password" ng-required="true"> 
 
</div> 
 

 
<button style="width: 100%;" title="" data-original-title="" role="button" class="btn custom-small-btn btn-primary hvr-float-shadow" ng-disabled="login.username.$invalid || login.password.$invalid">Login</button> 
 

 
</ng-form>

뿐만 아니라 ng-diabled="login.$invalid"를 사용하여 시도하고 그 중 하나가 작동하지 않았다. 작동하게하려면 어떻게해야합니까?

Answer 1

은 그냥 양식 필드에서 NG 모델을 사용하고 작동합니다 ::

<ng-form name="login"> 

<div class="input-group"> 
    <span class="input-group-addon"><i class="fa fa-user"></i></span> 
    <input type="text" ng-model="username" name="username" value="" placeholder="Username" class="form-control" id="login-username" ng-required="true"> 
</div> 

<div class="input-group"> 
    <span class="input-group-addon"><i class="fa fa-lock"></i></span> 
    <input type="password" ng-model="password" id="login-password" class="form-control" name="password" placeholder="Password" ng-required="true"> 
</div> 

<button style="width: 100%;" title="" data-original-title="" role="button" class="btn custom-small-btn btn-primary hvr-float-shadow" ng-disabled="login.username.$invalid || login.password.$invalid">Login</button> 

</ng-form>