Angular JS가 스크롤 이벤트를 발생시키지 않습니다.

Question

Angular 1.5.x로 첫 프로젝트를 시작했습니다. 여태까지는 그런대로 잘됐다.

그러나 최근에 나는 아주 간단한 것을하고 스크롤 할 때 창 위치/이벤트를 기록하려고 노력했습니다. 지시문, 바인딩 이벤트, jquery와 같은 다양한 접근 방식을 시도했지만 콘솔에 아무것도 기록되지 않는 것으로 보입니다.

일반적으로 원시 자바 스크립트 내가 같은 간단한 일을 할 것이다 : 나는 내 컨트롤러에 이런 식으로 뭔가를 찾기 위해 코드를 업데이트하려고했습니다

window.onscroll = function (e) { 
    console.log(e); 
} 

:

angular.element($window).on('scroll', function (e) { 
    console.log(e); 
}); 

그것은 아무것도하지 않습니다. 클릭 또는 크기 조정으로 이벤트를 변경하면 응답합니다. 그러나 스크롤은 아무 것도하지 않습니다. 정말 실망했습니다.

지시어를 사용해 보았는데 동일한 결과가 나타났습니다. 아무것도.

각도가 스크롤 이벤트를 제거하거나 대체 할 수 있습니다. 나는 분명히할만한 해결책이 있거나, 또 다른 속성이나 접근이 필요하기를 바라고 있습니다.

많은 시간 내 주셔서 감사합니다.

누구나 제공 할 수있는 도움과 조언에 정말로 감사드립니다.

Answer 1

여기를보세요 http://plnkr.co/edit/FL06BgnmOpgVXNecB3mB?p=preview. HTML 페이지를 스크롤하여 콘솔을 열면 일부 출력이 인쇄됩니다. script.js 파일에서 $ window는 의존성 삽입이다.

app.directive("scroll", function ($window) { 
    return function(scope, element, attrs) { 
    angular.element($window).bind("scroll", function(e) { 
     console.log(e); 
     console.log(this.pageYOffset); 
     scope.$apply(); 
    }); 
    }; 
}); 

Answer 2

당신이 컨트롤러에 사용할 경우는 다음과 같이 가능합니다 :

Plnkr example

app = angular.module('app', []) 
    .controller('scrollCtrl', function($scope, $document, $window) { 
    ctrl = this; 
    ctrl.pos = 0; 

    //Scroll function 
    ctrl.onScroll = function() { 
    $scope.$apply(function(){ 
     ctrl.pos = $window.scrollY; 
    }); 
    } 

    //Bind current this to function 
    ctrl.onScroll = ctrl.onScroll.bind(ctrl); 

    //Event 
    $document.on('scroll', ctrl.onScroll); 

    //Easy to unsubscribe from event: 
    $scope.on('destroy', function() { 
    $document.off('scroll', ctrl.onScroll); 
    }); 
})