Bind class commuta su window scroll event

Quando un utente fa scorrere la finestra del browser sotto un certo punto, sto triggersndo la class del div #page.

Quello che ho fatto fino ad ora funziona bene:

• Si tratta di un "Deferred Antipattern"?
• Come convalidare l'id e-mail in angularJs usando ng-pattern
• se un percorso ngSrc si risolve in un 404, esiste un modo per eseguire il fallback su un valore predefinito?
• AngularJS - Evento "onload" dell'immagine
• Imposta lo stato attivo sul primo input non valido nel modulo AngularJs

http://jsfiddle.net/eTTZj/29/

 
 
 
 app = angular.module('myApp', []); app.directive("scroll", function ($window) { return function(scope, element, attrs) { angular.element($window).bind("scroll", function() { if (this.pageYOffset >= 100) { element.addClass('min'); console.log('Scrolled below header.'); } else { element.removeClass('min'); console.log('Header is in view.'); } }); }; }); 

(quando scorrono la loro finestra sotto l’intestazione, 100px, la class viene triggersta)

Anche se, correggimi se sbaglio, sento che questo non è il modo corretto di farlo con Angular.

• ng-click non funziona all'interno del modello di una direttiva
• AngularJS - Direttive vs Controllers
• Direttiva angular come aggiungere un attributo all'elemento?
• Rimozione di # dall'URL in Angularjs durante l'esecuzione di .run nelle rotte
• angularjs: direttiva personalizzata per verificare se esiste un nome utente

Invece, presumevo che il miglior metodo per farlo sarebbe stato usare ng-class e memorizzare un valore booleano nell’ambito. Qualcosa come questo:

 
 
 
 
 app = angular.module('myApp', []); app.directive("scroll", function ($window) { return function(scope, element, attrs) { angular.element($window).bind("scroll", function() { if (this.pageYOffset >= 100) { scope.boolChangeClass = true; console.log('Scrolled below header.'); } else { scope.boolChangeClass = false; console.log('Header is in view.'); } }); }; }); 

Sebbene non sia dinamico, se cambio il valore di scope.boolChangeClass nel callback di scorrimento, la class ng non si aggiorna.

Quindi la mia domanda è: come è meglio triggersre la class di #page, usando AngularJS, quando l’utente scorre al di sotto di un certo punto?