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

Question

假设我有以下输入字段：

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

score 1 · Accepted Answer

在满足条件之前不会打印

像这样

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

1 回答 1