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。）创建自定义指令

 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。）在HTML中

<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

无法在可拖动列表中创建按钮

2 个答案: