Sự kiện cuộn trong AngularJS

Question

Tôi có một div với một thanh cuộn trong đó. Bây giờ tôi muốn có một sự kiện, điều đó sẽ kích hoạt mọi lúc, người dùng cuộn.

Điều đó có thể xảy ra trong AngularJS hay tôi phải sử dụng jQuery cho điều đó?

Edit: tôi đã đưa ra sau cho đến nay:

// JS 
.directive('scroll', function() { 
    return function(scope, element, attrs){ 

     angular.element(element).bind("scroll", function(){ 
      console.log(1); 
     }); 
    }; 
}); 

// HTML 
<div class="wrapper" style="height: 1550px" scroll> 
[...] 
</div> 

Nhưng điều đó không làm việc (tôi không thấy bất kỳ bản ghi trong Firebug-Bảng điều khiển của tôi).

Answer 1

Bạn sẽ sử dụng jquery để thêm trình xử lý sự kiện và có thể bên trong chỉ thị angularj để đính kèm nó vào phần tử.

page.html:

<div my-scroller> 

myscroller.js:

app.directive('myScroller', function(){ 

    return { 

     restrict: 'A', 
     link: function(scope,elem,attrs){ 
      $(elem).on('scroll', function(evt){ 
       console.log(evt.offsetX + ':' + evt.offsetY); 
      }); 
     } 

    } 

}); 

Chỉnh sửa: tất nhiên bạn thậm chí không cần phải sử dụng jquery. jqLite góc của cũng đủ cho điều này, bạn sẽ chỉ cần gọi yếu tố mà không có gói jquery:

elem.on('scroll', ... 

Answer 2

Giải pháp cho góc 1.6:

.directive("scroll", function() { 
return { 
    link: function(scope, element, attrs) { 
     element.bind("wheel", function() { 
     console.log('Scrolled below header.'); 
     }); 
    } 
} 

})

Sử dụng "bánh xe" thay vì "di chuyển" . Tôi mất vài giờ để tìm.

Answer 3

Sergey của câu trả lời giúp tôi một chút, nhưng những gì đã kết thúc làm việc cho tôi là thế này:

.directive("scroll", function ($window) { 
    return { 
     link: function() { 
     angular.element($window).bind("wheel", function() { 
      console.log('Scrolling'); 
     }); 
     } 
    } 
})