title: Binding to events in a directive which is inside a ng-view doesn't work
body: <p>I have an AngularJS application, which hasn't been using the built in routing before now. I am refactoring the site, so it will be a SPA. </p>
  
  <p>To do this I have change the app to use ng-view to switch between the different pages, instead of just having the server serve the different controllers</p>
  
  <p>After this is done my endless scroll suddenly stopped working.</p>
  
  <p>I have a directive which looks like this:</p>
  
  <pre><code>directiveModule.directive('whenScrolled', ['$window', function($window) {
      return function(scope, element, attr) {
          var raw = element[0];
  
          angular.element($window).bind('scroll', function() {
              console.log('test');
  
              scope.$apply(attr.whenScrolled);
          });
          };
  }]);
  </code></pre>
  
  <p>But now the scroll event is never fired. </p>
  
  <p>If I take <code>angular.element($window).bind('scroll', function() {..});</code> out and uses it in the controller instead it works fine, but it just seems like a hack.</p>
  
  <p>Is there any way to bind to the page scroll event inside a directive, which is inside a controller, which is inside a ng-view?</p>