Angular评估ng-slow缓慢

Question

我有一个简单的验证，在我的控制器中进行评估：

<span class="....." ng-show="!ruleHasAnsweredQuestions()">
    Please answer all questions</span> 

在控制器中：

$scope.ruleHasAnsweredQuestions  = function() { return a+b+c>9; }

但它真的很慢，需要1/2秒才能重新评估＆＃34; a＆＃34;，＆＃34; b＆＃34;或＆＃34; c＆＃34;变化。

从一般意义上讲，如何加快用户界面，以便一旦a，b，c发生变化，用户界面的更新速度会更快？

Answer 1

您可以添加ng-cloak

<span class="....." ng-show="!ruleHasAnsweredQuestions()" ng-cloak>

这可以防止延迟。

根据angular js文档，ng-cloak通过暂时隐藏标记元素来实现，它通过实际应用执行此操作的样式来实现：

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

Answer 2

使用它。在此plunker中完成测试：

 <span  ng-show="(a+b+c) > 9">
  Please answer all questions
</span> 

Answer 3

原来我已经将“Animate.css”和指令“ngAnimate”添加到导致双倍长动画的元素中。

删除Animate.css修复它