angularjs - ng-cloak和ng-show在屏幕上闪烁隐藏的元素

Question

我有一个div元素，我只想在我的项目列表为空时显示。所以我输入了以下内容（以haml表示）：

  #no-items.ng-cloak{ :ng_show => "items.length <= 0", :ng_cloak => true }

但是，即使完成此操作，该元素仍然在屏幕上闪烁。然后我看到了Angularjs - ng-cloak/ng-show elements blink，但是即使在CSS中添加了以下内容之后，眨眼仍然会发生。

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

有什么想法我做错了吗？

Answer 1

您可以将ng-hide放在类中，而不会影响JS加载后的工作方式。但是，将其放置在此处很有用，以便CSS在等待JS加载时将其考虑在内。

<div data-ng-controller="RoomsController">
<div ng-cloak class="ng-cloak ng-hide" data-ng-if="visible" >
    Some text
</div>        
</div>