javascript - AngularJS の list ディレクティブにマウスホイールのスクロールを追加

Question

Angular で循環リストを実装しようとしています。ディレクティブの基本は以下にあり、plunker はこちらです。基本的に、どちらの方向にも回転する単純なリストです。

マウスのスクロールに基づいてリストを回転する機能を追加したいのですが、Angular (JQuery なし) でこれを実装する方法がわかりません。angular.element(element).bind('scroll', function () {...});

どんな助けでも大歓迎です。乾杯。

directives.directive('cl', function () {
return {
    restrict: 'EA',
    replace: 'true',
    transclude: 'true',
    templateUrl: 'templates/clist.html',
    link: function (scope, element, attrs) {
        var lelems, lelem;

        scope.up = function () {
            lelems = element.find('li');
            lelem = angular.element(lelems[0]).remove();
            lelems.parent().append(lelem.clone());
        }

        scope.down = function () {
            lelems = element.find('li');
            lelem = angular.element(lelems[lelems.length - 1]).remove();
            lelems.parent().prepend(lelem.clone());
        }
    }
}

});