AngularJS'de kaydırma etkinliği

Question

İçinde kaydırma çubuğu bulunan bir div var. Şimdi, her zaman tetikleyen bir olay almak istiyorum, kullanıcı kaydırıyor.

Bu AngularJS'de mümkün mü, yoksa jQuery'yi bunun için mi kullanmalıyım?

Düzenleme: Ben şimdiye kadar şu geldi:

// 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> 

Ama bu (benim Firebug-Konsol herhangi günlükleri görmüyorum) çalışmıyor.

Answer 1

Olay dinleyicisini eklemek için jquery ve belki de bir angularjs yönergesinin içine bir öğeye eklemek için kullanmanız gerekir.

sayfa.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); 
      }); 
     } 

    } 

}); 

Düzenleme: hatta jquery kullanmak gerekmez elbette. yerine "kaydırma" nin

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

})

kullanın "tekerleği": Eğik 1.6 için

elem.on('scroll', ... 

Answer 2

Çözüm: açısal en jqLite sadece jquery sarma olmadan elemanı çağırır, bunun için yeterli . Bulmam birkaç saat sürüyor.

Answer 3

Sergey'in cevabı bana biraz yardımcı oldu ama ne benim için çalışmayı sona erdi şuydu:

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