爲網站創建加載頁面

Question

我目前正在一個網站上工作，並且在加載整個頁面的過程中，該頁面正在「跳躍」，因此我想知道如何創建一個整體，讓我們說黑屏，在頁面加載期間顯示內容。

這似乎很容易，但我想知道，因爲我有單獨的文件的標題，頁腳和內容如何協調所有這些，仍然有一個很好的代碼。

我正在使用angularJS。我讀了很多關於：$ viewContentLoaded也試過NG-斗篷，但如果你們有一個真棒解決方案，以保持簡單，那將是巨大的:)

感謝

Answer 1

我要說的是一個方法，你可以採用的是爲你的HTML文件使用某種模板引擎（例如Jade）。通過這種方式，您可以將所有代碼很好地分離到多個文件中，並使用Gulp或Grunt等任務運行器，您可以在提供頁面之前編譯HTML文件。

這裏的重要區別在於，您不必使用AJAX請求加載所有頁面部件（頁眉，頁腳等）。相反，它們已經在您的HTML頁面中呈現，允許您在內容部分使用ng-cloak創建一個漂亮的加載器。