我将如何在Javascript中添加一个使用角质材料的滑动动作

Question

我有兴趣使用ngMaterial的滑动，因为我收到警告.

您正在使用ngTouch模块。角质材料已经有移动点击，点击和滑动支持.ngTouch不支持角质材料！

问题是，就目前而言，该元素不受指令的约束。相反，我现在使用angular.element来获取它，然后使用ngTouch发布一个全局事件..。

$rootScope.$broadcast('gesture', gestures);

我知道它可能不是material-way，但我只想附加滑动事件手动。

更新

这看起来很有希望，虽然没有文件.

$mdGesture.register(myElement, 'drag', { minDistance: 20, horziontal: false })

Answer 1

这是我的工作版本

function TouchService($mdGesture, $rootScope){
    this.setElement = function (selector) {
        var element = angular.element(selector);
        $mdGesture.register(element,'swipe', { minDistance: 20, horziontal: false });
        element.on("$md.swipeleft", function(){
            $rootScope.$broadcast('gesture', {direction: 'left'});
        });
        element.on("$md.swiperight", function(){
            $rootScope.$broadcast('gesture', {direction: 'right'});
        });
        element.on("$md.swipeup", function(){
            $rootScope.$broadcast('gesture', {direction: 'up'});
        });
        element.on("$md.swipedown", function(){
            $rootScope.$broadcast('gesture', {direction: 'down'});
        });
    };
}