加載JQuery在AngularJS項目中需要它的位置

Question

我有一個使用JQuery創建的動畫404錯誤頁面。

唯一使它與我的AngularJS項目一起工作的是，如果我在index.html中有jquery.min.js，404.js，404.min.css和javascript腳本標記，但是這會產生不必要的加載在我的其他網頁上，並放慢了網站。

我發現這個https://github.com/manuelmazzuola/angular-ui-router-styles，但它看起來像它只爲CSS樣式表或我可以用來包含JS文件嗎？

我應該如何加載這個JS，CSS文件只在我的partials，404.html文件上，而不是在index.html上？

Answer 1

我想你在尋找懶惰的加載。

通常，在頁面加載期間，所有與某個網頁或應用程序相關的JavaScript都會立即加載。

延遲加載僅在用戶需要時加載代碼。因此，如果您的網頁上有一個按鈕，一旦按下該按鈕就會向用戶展示完全不同的屏幕，

Require Js爲此目的打掃乾淨。

看看下面的代碼從我的項目

$('#somebutton').on('click', function() { 
    require(
     ['every', 'javascript', 'dependency', 'for', 'other', 'screen'], 
     function(ev, js, dep, fr, othr, scrn){ 
      // Create the screen with your dependencies 
     } 
    ); 
});