AngularJS是一個流行的JavaScript框架，允許開發者輕松構建Web應用程序。當我們使用AngularJS開發應用程序時，可以使用多個模塊和多個CSS來設計和自定義我們的應用程序。這時候，一個常見的問題是如何按需加載CSS文件，并且只在需要的時候加載。

按需加載CSS可以極大的提高頁面性能和用戶體驗，因為只有在必要的時候才會加載CSS文件。如果我們使用標準的方式加載CSS，瀏覽器將會阻塞頁面中的其他資源，直到CSS文件加載完成。這會導致頁面加載緩慢，用戶體驗不佳。

在AngularJS中按需加載CSS，我們可以使用angular-load模塊來實現。這個模塊可以幫助我們動態加載JS和CSS文件，只在需要的時候加載。

// 安裝angular-load
npm install angular-load --save
// 在AngularJS應用程序中引入angular-load
angular.module('myApp', ['angularLoad'])

現在我們可以使用angularLoad來加載CSS文件。例如，我們可以在控制器中這樣寫：

angular.module('myApp').controller('myCtrl', function($scope, $http, angularLoad) {
angularLoad.loadCSS('path/to/your/css/file.css').then(function(){
// 成功加載CSS文件
}).catch(function() {
// 加載CSS文件失敗
});
});

當我們在AngularJS應用程序中需要加載CSS時，我們只需要調用loadCSS方法即可。這里的路徑是相對于應用程序根目錄的，所以我們可以使用相對路徑或絕對路徑。

總之，按需加載CSS可以幫助我們提高頁面性能和用戶體驗，而使用angularLoad模塊可以讓我們輕松實現。希望本文對您有所幫助。