Angolare e ottenere la posizione di scorrimento della finestra nel controllore

Question

Ho difficoltà a capire come ottenere la posizione di scorrimento della finestra all'interno del mio controller, così posso creare la logica attorno ad esso.

Da tutte le domande e risposte che ho letto, la risposta più accettata sembra essere quella di scrivere una direttiva che calcola la posizione di scorrimento, applicare quella direttiva a un elemento e il gioco è fatto.

Tuttavia, quando si vuole fare qualcosa sulla falsariga di:

if (scrollY > 100){ 
    $scope.showMenu = true; 
} 

if (scrollY > 500) { 
    $scope.showFooter = true; 
} 

Questo approccio non sembra funzionare, perché la posizione calcolata dalla direttiva non è possibile accedere dal controller. Quale sarebbe il giusto modo 'Angolare' per farlo, che consentirebbe comunque l'esecuzione di una logica leggermente più complicata dal controller?

Answer 1

Secondo commento @RobKohr, ecco un approccio ottimizzato utilizzando .on('scroll') e $scope.$apply per aggiornare un elemento ambito sul rotolo.

$document.on('scroll', function() { 
    // do your things like logging the Y-axis 
    console.log($window.scrollY); 

    // or pass this to the scope 
    $scope.$apply(function() { 
     $scope.pixelsScrolled = $window.scrollY; 
    }) 
}); 

Answer 2

Iniettare il servizio $window nel controller, che è semplicemente un wrapper per l'oggetto browser window, e si hanno le proprietà $window.scrollX e $window.scrollY.

Se si vuole rispondere ai cambiamenti di scorrimento, mettere un orologio su di loro:

$scope.$watch(function() { 
    return $window.scrollY; 
}, function (scrollY) { 
    /* logic */ 
});