上面列出的解决方案没有一个对我有效。然后我决定看看实际的函数，并意识到当“$scope.”Watch”被解雇了，它在name字段中放置了一个值，这并不意味着是这样的情况。在代码中，我设置oldValue和newValue

$scope.$watch('model.value', function(newValue, oldValue) {
if (newValue !== oldValue) {
validateValue(newValue);
}
});

本质上，当范围。在这种情况下，AngularJS监视name变量(model.value)的变化。

我在指令中使用ng-show来显示和隐藏弹出窗口。

<div class="..." ng-show="showPopup">

以上这些方法都不适合我，使用ng-if而不是ng-show就太过分了。这意味着每次单击时都要删除整个弹出内容并将其添加到DOM中。相反，我在同一元素中添加了ng-if，以确保它不会在文档加载时显示:

<div class="..." ng-show="showPopup" ng-if="popupReady">

之后，我将初始化添加到负责该指令的控制器中，并设置了一个超时:

$timeout(function () {
    $scope.popupReady = true;
});

通过这种方式，我消除了闪烁问题，并避免了在每次单击时插入DOM的昂贵操作。这样做的代价是使用两个作用域变量来实现相同的目的，而不是一个，但到目前为止，这绝对是最好的选择。

ngBind和ngBindTemplate是不需要CSS的替代品:

<div ng-show="foo != null" ng-cloak>{{name}}</div>  <!-- requires CSS -->
<div ng-show="foo != null" ng-bind="name"></div>
<div ng-show="foo != null" ng-bind-template="name = {{name}}"></div>

我会用<div ng-cloak>包裹<ul>

试着关闭Firebug。我是认真的。这对我很有帮助。

应用已接受的答案，然后确保Firefox中的Firebug已关闭:按F12，然后关闭此页的Firebug -右上角的小按钮。

实际上，我发现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已经获得了控制权。