これをどのように角度（$ window）.bind（）でアクセスできますか？

Question

ユーザーがスクロールしたときにアクションを実行しようとしていますが、コントローラのスコープにアクセスできません。

私のコードは次のとおりです。

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

      this.sidebarFixed = false; 

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

これの出力はundefinedです。どのように機能内のthisにアクセスできますか？

Answer 1

イベントハンドラ内thisの文脈はそれが$window参照

が変数にコントローラthisの参照を格納し、イベントハンドラ内であることを使用してみてくださいものですので、それはwindowです...コントローラではありません。

あなたの問題はそれほど参照を格納することは常に良い習慣

(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); 
      }); 
    }]); 
})();