绑定到嵌套视图中的滚动事件

Question

我需要跟踪我的子视图是否已经滚出可见区域的前300像素，但是我无法绑定到此视图的滚动事件（但可以绑定到＆＃39;调整大小＆＃39;！）

位置：index.html - ＆gt;全局布局 - ＆gt;内容区域 - ＆gt;子视图（这一个）

    .state('my', {
        url: '/my',
        views: {
            '': {
                    templateUrl: 'app/views/layout.html'
                },
            'content': {
                    templateUrl: 'app/views/content.html' <-- inside this view we have ng-view, with my subtemplate loaded into it.
                }
            },

重要提示：这不是窗口/有限高度视图。它有一个标题，但没有页脚，即可以是任何长度，具体取决于内容的长度。

请帮忙！ d。

更新

我找到了以下解决方法。请告诉我AngularJS的观点是多么丑陋？

var el = angular.element(document.getElementById('top'));

    $scope.$watch(function () {
        $timeout(function () {
            var top = el[0].getBoundingClientRect().top;
            if (top < -160) {
                // Doing this
            } else {
                // Doing that
            }

        });
    });