带有 CSS 显示的大页面上的 AngularJs ng-cloak 问题：无答案

【问题标题】：AngularJs ng-cloak Problems on large Pages with CSS display:none带有 CSS 显示的大页面上的 AngularJs ng-cloak 问题：无
【发布时间】：2017-12-07 16:58:18
【问题描述】：

我一直在处理一个相当复杂且很大的 Angular 页面。与典型的 AngularJS SPA 风格的应用程序不同，这个特定的页面就是这样：一个包含大量数据的单个页面，必须一次全部可见。问题在于，当这个大页面加载时，它会闪烁并短暂显示模板标记，然后才开始实际呈现内容。这就是 Angular ng-cloak 应该解决的问题，但在这种情况下，我没有运气让它正常工作。

CSS

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

HTML

<body ng-controller="MainCtrl">
   <button class="btn btn-primary" ng-click="loadSomething()">Load Something</button>
   <br/>
   <div ng-hide="loaded">
      Loading...
   </div>
   <div ng-show="loaded">
      <p>{{ text }}</p>
   </div>
</body>

【问题讨论】：

标签： javascript css angularjs

【解决方案1】：

你需要真正使用你要隐藏的东西的类：

<ANY class="ng-cloak"> ... </ANY>

【讨论】：