Лучший способ показать / скрыть контейнер ng-messages

0

Скажем, у меня есть следующее поле ввода:

    <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?

Теги:
validation
ng-messages

1 ответ

1

Использовать ng-if

Он не будет распечатываться до тех пор, пока условие не будет выполнено

как это

<div ng-messages="myForm.name.$error" ng-if="myForm.name.$error">

Ещё вопросы

Сообщество Overcoder
Наверх
Меню