Скажем, у меня есть следующее поле ввода:
<div ng-messages="myForm.name.$error">
<div ng-message="required">Please enter a name</div>
</div>
Проблема в том, что элемент ng-messages занимает место в DOM, поэтому это влияет на позиционирование других элементов формы. Я ожидал, что этот элемент не будет добавлен в DOM до появления ошибки. В этом случае элемент ng-messages всегда присутствует, но отдельные элементы ng-message удаляются и добавляются в DOM?
Я надеялся, что ng-message станет хорошей альтернативой ng-show/ng-hide, но, похоже, мне все равно придется добавить ng-show в контейнер ng-messages, чтобы он полностью исчез, пока не появится ошибка, У меня отсутствует более элегантный способ использования ng-message?
Использовать ng-if
Он не будет распечатываться до тех пор, пока условие не будет выполнено
как это
<div ng-messages="myForm.name.$error" ng-if="myForm.name.$error">