AngularJS：ウィンドウスクロールイベントにクラスバインディングを切り替えることができないのはなぜですか？

Question

私は、ページがスクロールされたときに/で要素のクラスを切り替えることを試みています。

私はthis SO threadに従っていますが、ディレクティブで連鎖しようとすると、私はログステートメントに到達しません。

角度のドキュメントと一緒にやってみると、私はこのようなファイルcomponent.jsを持っています。私は、表示するログステートメントを得ることができますが、クラスは決してトグルされます。

dashboard.component.js

angular.module('dashboard') 
    .component('dashboard', { 
    'templateUrl': 'dashboard/dashboard.template.html', 
    controller: function dashboardController($scope, $window, $mdSidenav) { 
     var primaryAppBar = angular.element(document.querySelector('#primaryAppBar')); 

     angular.element($window).bind('scroll', function() { 
      if (this.pageYOffset > 0) { 
       console.log('add shadow'); 
       $scope.boolChangeClass = true; 
      } else { 
       console.log('remove shadow'); 
       $scope.boolChangeClass = false; 
      } 
     }); 
     ... 

APP-bar.template.html

<md-toolbar id="primaryAppBar" ng-class="{'md-whiteframe-1dp':boolChangeClass}"> 
... 

Answer 1

dashboard.component.jsにおける範囲と同じ範囲でありませんapp-bar.template.htmlそれらが同じコントローラの下にあるか、boolChangeClass変数を渡す何かを提供してください。