Как бороться с плохочитабельным HTML при использовании angularJS?

Question

[Васса]

Собственно, сабж, код становится плохочитабельным, что с этим делать?

Пример кода:

<input class="d-form__input-text" name="pickup__point_address" ng-model="pickup__point_address" ng-required="true" ng-focus="focusHandler($event)" ng-blur="blurHandler($event)">
<div class="d-form__error" ng-show="orderingForm.pickup__point_address.$invalid && orderingForm.pickup__point_address.$dirty"><span class="d-form__exlmark"></span> Пожалуйста, заполните поле</div>

Answer 1

[Сергей Протько]

<input class="d-form__input-text" 
           name="pickup__point_address" 
           ng-model="pickup__point_address"
           ng-required="true"
           ng-focus="focusHandler($event)" 
           ng-blur="blurHandler($event)">

<div class="d-form__error"
        ng-show="orderingForm.pickup__point_address.$invalid && orderingForm.pickup__point_address.$dirty">
     <span class="d-form__exlmark"></span> Пожалуйста заполните поле
</div>

p.s. спан внутри d-form_error я бы убрал и заменил на :before к класса контейнера.
Так же условие в ng-show можно сделать чуть проще - сделайте свою директиву, типа show-on-invalid="orderingForm.pickup__point_address" и все будет чуть приятнее (я думаю что таких вещей к вас в формах хватает.) Ну или еще чего можно понавыдумывать, типа в контроллер вынести метод хелпер (не очень хорошо, но можно)