Angular 2 ：如何让外部样式文件未加载或者缺失就无法显示HTML内容？

Question

现在的情况是，如果我在服务器端删掉CSS样式文件，这个运行的项目会报一个找不到CSS文件的错误，但是，还是会显示HTML内容，只不过样式会全部乱掉。

我也清楚，一般情况下是不会有CSS文件缺失的情况出现，但是，总要预防的。所以我就想问一下，如何能让CSS文件未加载成功或者缺失的情况下就无法显示HTML内容呢？就是宁愿不显示，也不愿乱七八糟。

能否实现？如何实现？具体一些的操作有没有？

求教~

Answer 1

给 外层 dom 加一个 style='display: none'

css 里给这个 dom 加一个 .show {display: block !important;}

如果 css 没加载就不会显示出来了.