1

我正在尝试在 Angular 中实现一个循环列表，该指令的基础知识如下和一个plunker here。本质上只是一个在任一方向旋转的简单列表。

我想添加基于鼠标滚动来旋转列表的功能，但我不确定如何在 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());
        }
    }
}

});

4

0 回答 0