Как бросить div в определенном положении, используя угловой 8? - PullRequest
Новая
       44

Как бросить div в определенном положении, используя угловой 8?

0 голосов
/ 25 июня 2019

Требование

Перетащите элемент div в один компонент и поместите в другой компонент в определенном положении.Я нашел jquery ссылку на старую версию, но это не работает на jquery новой версии.

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<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>

$(document).ready(function () {
  $('.dragger').draggable({
    revert: "invalid",
    helper: function () {
      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);
    }
    });
});

.dragger {
    height:25px;
    width=200px;
    border: 1px solid #AAA;
    padding:5px
}
.dropper {
    height:200px;
    width=200px;
    border: 5px dotted #AAA;
    padding:5px;
    margin-top:25px
}

Ссылка Ссылка :: http://jsfiddle.net/Aneeshmohan/qbxfbmtt/ Скажите, пожалуйста, как реализовать то же самое в приложении Angular 8.

...