Angular2 드래그하는 동안 드래그 가능한 요소의 내용을 변경하십시오.

Question

안녕하세요 동료 스택 오버플로, 현재 요소를 드래그해야하는 작업을하고 있습니다. 네이티브 API가하는 이미지 드래그가 아니라 실제 요소를 드래그하는 것입니다. 요소는 삭제 될 위치의 상자를 표시하고 거기에 놓을 때 해당 요소를 삭제할 영역 위로 드래그하면 자체 내부 내용을 변경해야합니다. 지금까지 나는이 도움이되는 유용한 지시어를 발견했습니다. https://xieziyu.github.io/angular2-draggable/#/usage/basic

일단 요소가 특정 지점을 통과하면 내용을 변경하여 내부에 Delete를 표시하고 사용자가 요소를 삭제하지 않을 영역으로 되돌립니다. 이 패키지는 끌기 시작과 끌기 끝 이벤트에만 있으며 다른 끌기 패키지를 찾았지만 실제 요소는 끌고 대신 끌기 이미지를 만듭니다.

나는 angular2에 비교적 익숙하지 만 내가보기에는 내 옵션이있다. 1) 요소가 드래그 될 때 이벤트를 발생시키는 다른 패키지를 찾습니다. 2) 돌연변이 요소 3) 요소 상에 ngIf을 구현하고 드래그 이벤트

하여 진리 값이 변경 될 때 삭제 콘텐츠 설정에서 위치 변경을 찾기 위해 관찰 구현 다른 도구가 있음 여기서 도움이 될까요? 어쩌면 뭔가 도움이되는 각형 또는 좀더 드러내는 draggable 패키지가있을 수 있습니다.

Answer 1

각도 프레임 워크에는 "기본 제공"솔루션이 없습니다. 직접 빌드하거나 항목을 드래그 할 때 콜백 함수가 트리거되는 다른 플러그인을 찾아야합니다.

필자의 경우이 예제를 기반으로 드래그 할 수있는 요소를 만들었습니다. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_draggable 각도 요소의 메서드로 쉽게 이러한 함수를 변환 할 수 있습니다.

편집 : 추가 질문이 있으시면 언제든지 문의하십시오. 나에게 그것은 멋지게 작동했다 - 중첩 된 JS 함수를 좀 더 Angular/TS 방법으로 변환해야한다. Btw, elementDrag이 호출 될 때 html 템플릿의 내용을 변경할 각도 속성을 설정할 수 있습니다.