Ich kann keine Schaltfläche in einer ziehbaren Liste erstellen

Question

Ich habe ein ng-nestable div und darin befindet sich eine einfache Schaltfläche, an die ein ng-click-Ereignis angehängt ist. Wenn ich auf diese Schaltfläche klicke, wird der Klick nicht registriert, sondern der Drag & Drop-Prozess gestartet.

Hier ist mein HTML-Code,

<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

Hinweis: Ist Ihr Code so etwas wie, versuchen Sie es, hoffen, dass es auch Ihren Bedarf passt könnten oder uns

1.) Ihr Code geben erstellen eine benutzerdefinierte Richtlinie In 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 hat recht damit.

Und hier ist Live-Demo-Projekt über Ihre Lösung.

Demo: http://pathik.linedeer.com/ng-nestable/

Code: https://github.com/pathikdevani/ng-nestable/blob/gh-pages/index.html