각도 js의 양식에 대한 URL 오류를 수행하는 방법

Question

양식에 대한 URL 오류를 수행하려고하는데 유효성을 검사하고 있지만 양식을 제출할 때 유효성 검사를 사용하기 전에 문제가 발생했습니다. URL 유효성 검사를하려면 빈 필드와 함께 제출할 때 양식에 오류가 표시되지 않습니다.

<div class="col_full"> 
    <label for="newsUrl">Urlss <small>*</small></label> 
    <input ng-class="{'error': submitted && addNews.newsUrl.$error.required}" id="newsUrl" name="newsUrl" type="url" ng-model="news.url" class="sm-form-control" required/> 
</div> 

Answer 1

당신은 당신이 당신의 ng-class 내부 addNews.newsUrl.$error.url를 확인해야 그것에 대해 URL을 확인해야하고 코드는 다음과 같이이다 :

<div class="col_full"> 
      <label for="newsUrl">Urlss <small>*</small></label> 
      <input ng-class="{'error': submitted && addNews.newsUrl.$error.required && addNews.newsUrl.$error.url}" id="newsUrl" name="newsUrl" type="url" ng-model="news.url" class="sm-form-control" required/> 
</div> 

는 희망이 :)