角度：绑定到滚动事件不起作用

Question

我正在尝试关注这个 jsfiddle：

http://jsfiddle.net/vojtajina/U7Bz9/

现在我的脚本文件中有这个：

var app = angular.module('my-app', [
       'scroll',
       'ui.bootstrap',
       'ngRoute']);

var scrollService = angular.module('scroll', []).directive('whenScrolled', function() {
    return function(scope, elm, attr) {
        var raw = elm[0];
        console.log("binding");

        elm.bind('scroll', function() {
          console.log("scrolling");
            if (raw.scrollTop + raw.offsetHeight >= raw.scrollHeight) {
                scope.$apply(attr.whenScrolled);
            }
        });
    };
});

HTML 文件（jade 表示法）具有： 编辑：我添加了一个 id 和 CSS

div#lista_iniciativas.row(when-scrolled="loadMore()")

然后

#lista_iniciativas {
  overflow: auto;
}

`

问题是我可以在控制台中看到“绑定”日志，但看不到“滚动”，即使调试我也无法进入绑定功能......换句话说，绑定功能永远不会触发。知道这里有什么问题吗？是不是我绑定的方式有点不对？

Answer 1

这是我发现对我有用的方法。

这可能不是最好的解决方案，@rahpuser 报告说原始帖子中的代码确实可以工作......所以......

var scrollService = app.directive('whenScrolled', function($document, $window) {
    return function(scope, elm, attr) {
        var raw = elm[0];

        $document.bind( 'scroll', function() {
          if( ($window.innerHeight + $window.scrollY) > getDocHeight() - 100) {
                scope.$apply(attr.whenScrolled);
          } 
        });
    };
});