虽然文档没有提到它，但添加display: none;规则到你的CSS。如果你在body中加载angular.js，或者模板没有很快编译，使用ng-cloak指令，并在CSS中包含以下内容:

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

正如评论中提到的，!important是重要的。例如，如果您有以下标记

<ul class="nav">
  <li><a href="/foo" ng-cloak>{{bar}}</a></li>
</ul>

你碰巧在使用bootstrap.css，下面的选择器对你的ng-cloak 'Ed元素更具体

.nav > li > a {
  display: block;
}

因此，如果您包含一个简单的display: none;规则，Bootstrap的规则将优先，显示将被设置为block，因此您将在模板编译之前看到闪烁。

除了其他答案，如果你发现模板代码的闪光仍然发生，这可能是你的脚本在页面的底部，这意味着ng-cloak指令将不会直接工作。您可以将脚本移到头部，也可以创建CSS规则。

文档说:“为了达到最好的效果，angular.js脚本必须加载在html文档的头部部分;或者，上面的CSS规则必须包含在应用程序的外部样式表中。”

现在，它不必是一个外部样式表，而只是在头部的一个元素中。

<style type="text/css">
  .ng-cloak {
    display: none !important;
  }
</style>

来源:https://docs.angularjs.org/api/ng/directive/ngCloak

实际上，我发现Rick Strahl's Web Log的建议完美地解决了我的问题(因为我仍然有ng-cloak有时会闪烁原始{{code}}的奇怪问题，特别是在运行Firebug时):

核心选项:手动隐藏内容

使用显式CSS是最好的选择，所以下面的内容应该是不必要的。但我在这里提到它，因为它提供了一些见解，如何在其他框架或自己的基于标记的模板加载时手动隐藏/显示内容。

在我搞清楚我可以显式地将CSS样式嵌入到页面之前，我曾试图弄清楚为什么ng-cloak没有完成它的工作。在浪费了一个小时的时间后，我最终决定手动隐藏并显示容器。想法很简单——最初隐藏容器，然后在Angular完成初始处理并从页面中删除模板标记后显示它。

你可以手动隐藏内容，并在Angular获得控制权后使其可见。为此，我使用:

<div id="mainContainer" class="mainContainer boxshadow"
    ng-app="app" style="display:none">

注意display: none样式，它显式地隐藏了页面上最初的元素。

一旦Angular运行了初始化，并有效地处理了页面上的模板标记，你就可以显示内容了。对于Angular来说，这个' ready '事件就是app.run()函数:

app.run( function ($rootScope, $location, cellService) {        
    $("#mainContainer").show();
    …
});

这有效地删除了display:none样式和内容显示。当app.run()触发时，DOM已经准备好显示已填充的数据，或者至少是空数据——Angular已经获得了控制权。

我尝试了这里发布的每一个解决方案，仍然在Firefox中闪烁。

如果它有助于任何人，我通过添加style="display: none;"到主要内容div，然后使用jQuery(我已经在页面上使用它)$('#main-div-id').show();一旦从服务器获取数据后加载了所有内容;

我遇到了一个问题，在ng-show指令有机会运行之前，<div ng-show="expression">最初会在几分之一秒内可见，即使"expression"最初是假的。

我使用的解决方案是手动添加“ng-hide”类，如<div ng-show="expression" ng-hide>，以确保它一开始是隐藏的。ng-show指令将在此之后根据需要添加/删除ng-hide类。

最好使用ng-if而不是ng-show。ng-if完全删除并重新创建DOM中的元素，并有助于避免ng-shows闪烁。