Window.scroll не работает в верхнем регуляторе

Question

Я попытался предупредить сообщение, если пользователь прокрутил нижнюю часть. Я использую angularJS, и он, похоже, не работает.

app.controller('MainController',function($scope, $rootScope, $route, $http, $timeout){ 

    // overflow auto 
    $(document).ready(function() { 
     $(window).scroll(function() { 
     if($(window).scrollTop() + $(window).height() == $(document).height()) { 
      alert("bottom!"); 
     } 
     }); 
    }); 
}); 

Любые помощь?

Answer 1

Вы добираетесь туда. Как отметил Двир, будет легче протестировать ваш контроллер, если вы сохраните все взаимодействия с DOM в директивах. Таким образом, вы можете сделать это следующим образом:

angular.module("myApp", []) 
    .directive('myDirective', function() { 
     return { 
      link: function(scope, element, attrs){ 
       $(window).scroll(function() { 
        if($(window).scrollTop() + $(window).height() == $(document).height()) { 
         alert("bottom!"); 
        } 
       }); 
      } 
     }; 
    }); 

Вот рабочая скрипку: https://jsfiddle.net/rdvjjav2/1/