最佳方式/隐藏NG的消息容器

Question

比方说，我有以下输入字段：

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

的问题是NG的消息元素占用空间的DOM，所以它的影响定位的其他形式元素。我期待这个元素不会被添加到DOM直到出现错误。 ng-messages元素是否总是存在，但个别ng-message元素是否被删除并添加到DOM？

我希望ng-message可以成为ng-show/ng-hide的一个很好的选择，但是看起来我仍然需要在ng-messages容器中添加ng-show使它完全消失，直到有一个错误。我是否缺少一些更优雅的使用ng-message的方法？

Answer 1

使用ng-if

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

这样

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