Я использую angularjs meterial и пытаюсь генерировать ошибки отдельно. У меня есть простая форма, в которой есть текстовая область, и я применяю maxlength
и required
в ней, как это.
<form class="form-horizontal" enctype="multipart/form-data" name="addEditPromocodeForm" ng-submit="addEdit.addPromoCodeInPopup(addEdit.bank);">
<md-input-container>
<label>PromoText</label>
<textarea rows="3" id="promoText" name="promoText" ng-model="addEdit.promoText" ng-maxlength="150" required></textarea>
required : {{addEditPromocodeForm.promoText.$error.required}} <br>
max length : {{addEditPromocodeForm.promoText.$error.maxlength}}<br>
error : {{addEditPromocodeForm.promoText.$error | json}}
<div ng-messages="addEditPromocodeForm.promoText.$error" >
<div class="error" ng-message="required">PromoText is required</div>
<div class="error" ng-message="maxlength">PromoText is too long</div>
</div>
</md-input-container>
</form>
но, к сожалению, я вижу две ошибки каждый раз. Хотя я ясно вижу в массиве $error
, что, когда возникает конкретная ошибка, массив $error
содержит только эту конкретную ошибку. как это
error : { "required": true }
и если появляется ошибка maxlength
, массив $error
становится таким
error : { "maxlength": true }
Но все же я получаю две ошибки, почему ???