显示/隐藏ng-messages容器的最佳方式

Question

假设我有以下输入字段：

    <div ng-messages="myForm.name.$error">
      <div ng-message="required">Please enter a name</div>
    </div>

问题是ng-messages元素会占用DOM中的空间，因此会影响其他表单元素的位置。我原以为在出现错误之前不会将此元素添加到DOM中。是否总是存在ng-message元素，但是单个ng-message元素被删除并添加到DOM中？

我希望ng-message将是ng-show/ng-hide的一个很好的替代方案，但似乎我仍然必须将ng-show添加到ng-message容器中，以使其完全消失，直到出现错误。我是不是错过了一些更优雅的使用ng-message的方式？

Answer 1

使用

它不会打印，直到满足条件

像这样

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