我一直在开发一个相当复杂且大型的 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>
最佳答案
您需要在您要隐藏的东西上实际使用该类:
<ANY class="ng-cloak"> ... </ANY>
关于javascript - AngularJs ng-cloak 大页面上 CSS 显示问题 :none,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47651560/