为网站创建加载页面

Question

我目前在一个网站上工作，在加载整个页面的过程中，页面是“跳转”的，所以我想知道如何创建一个完整的，比如说黑屏，在页面加载期间显示一些东西。

这看起来很简单，但我想知道的是，我对页眉、页脚和内容有单独的文件，关于如何协调所有这些内容，并且仍然有一个很好的代码。

我正在和angularJS一起工作。我读了很多关于$viewContentLoaded的文章，也尝试过ng-cloak，但是如果你们中有谁有一个很棒的解决方案来保持简单，那就太好了:)

谢谢

Answer 1

我想说的是，您可以采用的一种方法是对您的HTML文件使用某种模板引擎(例如Jade )。通过这种方式，您可以将所有代码很好地分隔在多个文件中，并使用Gulp或Grunt等任务运行器在提供页面之前编译您的HTML文件。

这里重要的区别在于，您不必使用AJAX请求加载所有页面部分(页眉、页脚等)。相反，它们已经呈现在您的超文本标记语言页面中，允许您在内容部分使用ng-cloak创建一个很好的加载器。