加载页面时很快就会显示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，但也不会用丑陋的花括号填充它。