Angular JS - 没有css的页面闪烁

Question

在我的 Web 应用程序中，我们有一个主 index.html ，其中包括 header.html、footer.html、preference.html... 和主视图内容。 当页面加载时，（url = index.html#）我可以看到页眉、页脚的静态内容，然后在屏幕上加载实际页面。

Header.html,footer.html,preference.html 需要通过 rest 调用从数据库中获取的 css 路径。闪烁是由于 css 路径不可用。 有没有办法抑制闪烁问题？ 我使用了 ng-cloak，但它没有按预期工作。

提前致谢。

是的。

Answer 1

您可以尝试在单独的文件中编写一些 css 来隐藏您的所有内容。还有一些 css 可以重新定义主 css 中的样式。因此，在未加载主 css 时，所有内容都将被隐藏。

Answer 2

尝试将 ng-href 与 ng-cloak 结合使用

将此添加到您的样式标签中

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