Angular Unbekannt Provider - $ anchorScrollProvider

Question

Ich bin wahrscheinlich etwas offensichtlich hier fehlt, aber ich bin aus Ideen, so:

Ich habe den folgenden Code:

app.run(function ($rootScope, $location, $anchorScroll, $stateParams, $timeout, $anchorScrollProvider) { 
    $rootScope.$on('$stateChangeStart', 
     function(newRoute, oldRoute) { 
      $timeout(function() { 
        $anchorScrollProvider.disableAutoScrolling(); 
        $location.hash($stateParams.scrollTo); 
        $anchorScroll(); 
       }, 
       100); 
     }); 
}); 

Ich habe die $ anchorScrollProvider Code heute, und ich bin immer folgende Fehlermeldung:

Error: [$injector:unpr] Unknown provider: anchorScrollProviderProvider <- anchorScrollProvider 

der Dokumentation Lesen, es sieht aus wie $ anchorScrollProvider Teil der Basis ng Modulen, die die oben bedeutet mir funktionieren sollte, aber warum nicht?

Answer 1

Der AnkerScrollProvider kann in der Config-Phase zum Aufruf des Verhaltens der Funktion disableAutoScrolling injiziert werden.

anchorScrollProvider ist Bestandteil der eingebauten ng-Module. Verwenden Sie $ anchorScrollProvider, um das automatische Scrollen zu deaktivieren, wenn sich $ location.hash() ändert.

Einige der Methoden beziehen sich auf die Provider in der Konfigurationsphase und sollten während der Konfiguration der App aufgerufen werden.

Während der Konfigurationsphase wurden die Anbieter zwar registriert, aber noch nicht ausgeführt.

app.config(function ($anchorScrollProvider) { 
     $anchorScrollProvider.disableAutoScrolling(); 
}) 

Der Rest des Codes kann in der run-Methode erfolgen:

app.run(function ($rootScope, $location, $anchorScroll, $stateParams, $timeout) { 
    $rootScope.$on('$stateChangeStart', 
     function(newRoute, oldRoute) { 
      $timeout(function() { 

        $location.hash($stateParams.scrollTo); 
        $anchorScroll(); 
       }, 
       100); 
     }); 
});