2016-08-19 129 views
1

我正在使用angular-loading-bar,並且我已將它包含在下面的角度模塊中。 angular.module('myApp', [ 'chieffancypants.loadingBar'])隱藏特定頁面的加載欄

我想在加載登錄頁面時禁用/隱藏加載欄。 localhost:3000/login 以及其他應該啓用的頁面。

轉到文檔後仍然無法解決此問題。任何幫助,將不勝感激。

+0

你是否有每個頁面的模塊和一組有限的頁面?您可以將loadingBar作爲依賴項添加到除登錄頁面之外的所有單個頁面模塊*。 – miir

+0

有很多頁面添加到每個頁面都很麻煩。所以我想添加依賴只登錄頁面,並設置加載完成這樣的。 :cfpLoadingBar.complete();在$ scope.init上。但它力氣.. – Pradeepb

回答

1

我在同一個問題。我解決了聲明一個全局變量來控制是否應該顯示加載欄。

在`放入bar.js」,聲明攔截之後:

var interceptor = ['$q', '$cacheFactory', '$timeout', '$rootScope', '$log', 'cfpLoadingBar', function ($q, $cacheFactory, $timeout, $rootScope, $log, cfpLoadingBar) { 
    $rootScope.showLoading = true; 

並在請求塊:

if (!config.ignoreLoadingBar && !isCached(config) && $rootScope.showLoading) 

我使用$rootScope打開可變入店全局 然後,在請求我不想顯示加載之前,我設置了這個:

$rootScope.showLoading = false; 

並且在請求之後再次將它設置爲true,這確實有竅門。

+0

感謝您的提示。不幸的是我無法測試它,因爲我不再工作:) – Pradeepb