在角度8中，使用自定义克隆进行拖放

Question

将内容从一个组件列表中拖放到另一个组件中，并且不会将内容放到特定位置。 将div拖放到页面上的任何特定位置。我在 jquery 1.9.1

中找到了解决方案

<div class="dragger">Drag</div>
<div class="dragger">Drag</div>
<div class="dragger">Drag</div>
<div class="dragger">Drag</div>
<div class="dragger">Drag</div>
<div class="dropper">
    <p>Drop</p>
</div>

jquery 1.9.1 + javascript

  $(document).ready(function () {
        $('.dragger').draggable({
            revert: "invalid",
            helper: function () {
                //Code here
                return $("<div class='dragger'></div>").append("Hi");
            }
        });


        $(".dropper").droppable({
            drop: function (event, ui) {

                $(this)
                    .addClass("ui-state-highlight")
                    .find("p")
                    .html("Dropped!");

                var element = $('.ui-draggable-dragging');
                var currentDrop=$(this);
                return element.clone().appendTo(currentDrop);
            }
        });
    });

但是当我在最新的jquery版本中实现该代码时，它将显示错误 TypeError：$（...）。draggable不是一个函数

如何在角度8中实现该代码