Wie kann ich auf diese in eckigen ($ window) .bind() zugreifen?

Question

Ich versuche eine Aktion auszuführen, wenn ein Benutzer scrollt, jedoch kann ich nicht auf den Bereich des Controllers zugreifen.

Mein Code ist:

(function() { 
    angular.module("myApp") 
     .controller("MyController", ['$window', function($window){ 

      this.sidebarFixed = false; 

      angular.element($window).bind("scroll", function() { 
       console.log(this.sidebarFixed); 
      }); 
    }]); 
})(); 

Der Ausgang dieses ist undefined. Wie kann ich innerhalb der Funktion auf this zugreifen?

Answer 1

Der Kontext this innerhalb des Event-Handler ist nicht die Steuerung ... es ist window denn das ist, was $window Referenzen

Versuchen Bezug von Controller this in Variablen gespeichert und die Verwendung dieser in den Event-Handler.

Ihr Problem ist häufig auftretendes Problem this in Javascript mit so Referenz Speicherung ist immer eine gute Praxis

(function() { 
    angular.module("myApp") 
     .controller("MyController", ['$window', function($window){ 
      var vm = this; // store reference then always use variable 
      vm.sidebarFixed = false; 

      angular.element($window).bind("scroll", function() { 
       // `this` is `window` here 
       console.log(vm.sidebarFixed); 
      }); 
    }]); 
})();