执行前不要显示AngularJS代码

Question

当我重新加载页面时，我的AngularJS代码正在显示

问题：如果我的互联网速度很慢或页面未完全重新加载，则不会显示代码。它应该只显示结果。

请帮助我找到最佳解决方案。

Answer 1

ng-cloak用于相同用途。在此处阅读https://docs.angularjs.org/api/ng/directive/ngCloak

  

ngCloak指令用于阻止Angular html模板   来自浏览器的原始（未编译）短暂显示   在您的应用程序加载时表单。使用此指令可以避免   由html模板显示引起的不良闪烁效应。

或者，您也可以从

替换您的内容

<div>{{cat1.Title | limitTo:18}}</div>

喜欢这个：

<div ng-bind="cat1.Title | limitTo:18"></div>

Answer 2

使用ngCloak是正确的方法。

请务必根据以下帖子添加CSS：Angularjs - ng-cloak/ng-show elements blink

/* 
  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;
}