AngularJS

Question

में स्क्रॉल ईवेंट में मेरे पास एक स्क्रॉलबार वाला एक div है। अब मैं एक घटना प्राप्त करना चाहता हूं, जो हर बार ट्रिगर करता है, उपयोगकर्ता स्क्रॉल करता है।

क्या यह AngularJS में संभव है, या क्या मुझे इसके लिए jQuery का उपयोग करना है?

संपादित करें: मैं अब तक निम्नलिखित के साथ आया था:

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

लेकिन वह काम नहीं करता (मैं अपने Firebug-कंसोल में कोई लॉग नहीं दिख रहा है)।

Answer 1

आप इवेंट श्रोता जोड़ने के लिए jquery का उपयोग करेंगे, और हो सकता है कि यह किसी तत्व को संलग्न करने के लिए कोणीय निर्देशों के अंदर हो।

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

    } 

}); 

संपादित करें: निश्चित रूप से आप और भी jQuery का उपयोग करने की जरूरत नहीं है। कोणीय के jqLite इस के लिए पर्याप्त होता है, तो आप सिर्फ jQuery रैपिंग बिना तत्व कहेंगे:

elem.on('scroll', ... 

Answer 2

कोणीय 1.6 के लिए समाधान: के बजाय "scroll" की

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

})

उपयोग "पहिया" । मुझे खोजने में कुछ घंटे लगते हैं।

Answer 3

सेर्गेई का जवाब मुझे एक छोटे से मदद की है, लेकिन क्या मेरे लिए काम समाप्त हो गया यह था:

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