Question

当我点击一个链接时，我正在使用angular-css动态地在head标签中注入css，但是我看到了一些没有样式的内容。如果我把css放在login.html文件中，我没有这个问题。我尝试在整个login.html文件中添加ng-cloak，但它不起作用（但ng-cloak在第一次加载时正常工作）。

有没有办法使用angularJS和angular-css动态加载没有FOUC的css？

将css放在样式标记中的html之上是不好的做法？这可以解决问题并减少浏览器发出的请求数量。

谢谢！

Answer 1

您应该可以使用ng-cloak并将以下内容添加到index.html文件

来修复它

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