是否可以在 Angularjs 的 div 滚动中触发事件？

【问题标题】：Is it possible to fire an event in div scroll in Angularjs?是否可以在 Angularjs 的 div 滚动中触发事件？
【发布时间】：2015-07-20 07:12:32
【问题描述】：

Angularjs中如何触发div滚动事件（不是$document和$window）？

angular.element('div.myClassname').bind("scroll", function() {

});

【问题讨论】：

标签： javascript angularjs events scroll angularjs-directive

【解决方案1】：

只要div.myClassname 具有overflow: scroll; 并且其内容大于其大小，您就知道您在那里写的内容将起作用。虽然您必须使用document.querySelector 进行查询。请参阅fiddle 尽管我必须同意 Pankaj Parkar 的观点，但创建指令更可取。

【讨论】：

【解决方案2】：

是的，你可以这样做，但它应该通过指令来实现。指令将让您控制该 DOM 元素，restrict" 'C' 应该适用于 class

标记

<div class="myClassname">
   ..Content here to scroll..
</div>

指令

app.directive('myClassname', function(){
  return {
    restrict: 'C',
    link: function(scope,element, attrs){
       element.bind('scroll', function(){
         //do code here
       })
    }
  }
})

【讨论】：