ng-show不在div上使用类

Question

现在，我有

<div class="error-msg" ng-show="displayError()">Error Messages: {{error}}</div>

哪个没有正确显示，除非我删除class =＆＃34; error-msg＆＃34;来自div。

我的.error-msg的CSS是：

.error-msg {
height: 40px;
overflow: auto;
display: none;
margin-bottom: 10px;
}

对我进行ng-show的正确方法是什么，同时将课程保留在我的div上？

Answer 1

您只需要从css规则中删除display:none即可。如果displayError返回false，ng-show将对ng-hide（用display:none强制覆盖任何其他显示：块或其他显示属性）的元素应用!important类，否则它依赖于您提供的规则，并且您将其隐藏在那里（因此它不会显示）。

.error-msg {
  height: 40px;
  overflow: auto;
  margin-bottom: 10px;
}