ドラッグ可能なリストにボタンを作成できません

Question

私はng-nestable divを持っていますし、そこにng-clickイベントがある単純なボタンがあります。そのボタンをクリックすると、クリックは登録されず、ドラッグアンドドロップ処理が開始されます。

ここに私のHTMLコードは、

<div class="col-sm-1 text-right"><button ng-click="fnEditHomeSlider({{$item.SliderID}})" class="btn btn-blue btn-sm" nestable-button><i class="fa fa-edit"></i> Edit</button> 
</div> 

Answer 1

注：あなたのコードが何かのようなものです、それを試して、それはまたあなたの必要性に合致するか、私達にあなたのコード

1を与えることができる願っています）を作成しますHTMLでカスタムディレクティブ

myApp.directive('nestableButton', function() { 
    return { 
     restrict: 'A', 
     link: function(scope, element) { 
      $(element).on("mousedown", function(e) { 
       e.preventDefault(); 
       return false; 
      }); 
      $(element).on("click", function(e) { 
       e.preventDefault(); 
       window.location = $(this).attr("href"); //if you want your URL to update 
       return false; 
      }); 
     } 
    }; 
}); 

2）

<a href="#" nestable-button><i class="fa fa-trash-o right"></i></a> 
<a href="#" nestable-button><i class="fa fa-pencil right"></i></a> 

Answer 2

Lokesh Kakranはこれについて正しいです。

あなたのソリューションに関するライブデモプロジェクトです。

デモ：http://pathik.linedeer.com/ng-nestable/

コード：https://github.com/pathikdevani/ng-nestable/blob/gh-pages/index.html