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

【问题标题】：Best way to show/hide ng-messages container显示/隐藏 ng-messages 容器的最佳方式
【发布时间】：2015-11-03 06:59:56
【问题描述】：

假设我有以下输入字段：

    <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 的方式？

【问题讨论】：

【解决方案1】：

使用ng-if

在满足条件之前不会打印

喜欢这个

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

【讨论】：