Ng-hide在加载页面时显示

Question

我有一个div通常是隐藏的:

<div id="errorDiv" x-ng-show="errorOccured">
    {{errorStatus}}: {{errorMessage}}
</div>

当我加载页面时，我看到它的时间很短，这是我不想要的。所以我试着隐藏它在开始:

<div id="errorDiv" x-ng-show="errorOccured" class="ng-hide">
    {{errorStatus}}: {{errorMessage}}
</div>

但这不起作用:-(有没有什么好方法可以在页面加载时隐藏div ?

Answer 1

ng-cloak就是你要找的。

Answer 2

如果你不想使用ngCloak，总是有ngBindTempalate。然后你的html看起来像这样:

<div id="errorDiv" ng-show="errorOccured" ng-bind-template="{{errorStatus}} : {{errorMessage}}"></div>

文档:https://docs.angularjs.org/api/ng/directive/ngBindTemplate

它不会隐藏div，但也不会用难看的花括号填充它。