最佳方式/隱藏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">