伍鍵式不工作dragula拖放元件

li元素的使用dragula插件（角1）link 伍鍵式不工作dragula拖放元件

NG-點擊不工作移動（拖放到另一個UL）

<ul dragula='"second-bag"'> 
    <li ng-click="fun()">Item One </li> 
    <li ng-click="fun()">Item Two</li> 
    <li ng-click="fun()">Item Three</li> 
    <li ng-click="fun()">Item Four</li> 
</ul> 
<ul dragula='"second-bag"'> 
    <li ng-click="fun()">Item One </li> 
    <li ng-click="fun()">Item Two</li> 
    <li ng-click="fun()">Item Three</li> 
    <li ng-click="fun()">Item Four</li> 
</ul> 

app.controller('ExampleCtrl', ['$scope', function ($scope) { 
    $scope.fun = function(){ 
      alert('test'); 
    } 
}]);

來源

2017-01-26 ShibinRagh

它可能是dragula的預期行爲，因爲它是爲了拖動實際上點擊它的元素。

重要的部分是爲什麼你想聽一個dragula list元素的點擊事件？如果答案是操縱那個特定的元素或做另一個操作，dragula給你一個機會。

<div dragula='"sixth-bag"'></div> 
<div dragula='"sixth-bag"'></div> 

app.controller('MuchExampleCtrl', ['$scope', 'dragulaService', 
    function ($scope, dragulaService) { 
    dragulaService.options($scope, 'sixth-bag', { 
     moves: function (el, container, handle) { 
     return handle.className === 'handle'; 
     } 
    }); 
    } 
]);

在此示例中，您正在更改「已處理」元素的className。與此類似，您可以將此方法用於其他可能的結果。

鏈接：

而且作爲一種替代你可能想結帳服務ngDraggable更多的「Angular1風格」的語法。

ngDraggable：https://github.com/fatlinesofcode/ngDraggable

來源

2017-01-26 14:41:13

我能察覺從袋子元素挑？ – ShibinRagh

您可以檢測到您希望的任何包中的任何元素的處理，您應該查看文檔。 –

伍鍵式不工作dragula拖放元件

回答

相關問題