angular-cdk-nested-drag-drop-demo与外部拖拽元素
angular-cdk-nested-drag-drop-demo是一个使用Angular CDK（Component Dev Kit）实现的嵌套拖放示例。Angular CDK是Angular官方提供的一组可重用的组件和工具，用于构建丰富的Web应用程序。
嵌套拖放是指在一个可拖放区域内，可以拖动和放置其他可拖放元素。angular-cdk-nested-drag-drop-demo通过使用Angular CDK的DragDrop模块，实现了在嵌套层次结构中拖放元素的功能。
该示例的优势包括：
- 灵活性：可以在嵌套的层次结构中自由拖放元素，实现个性化的布局和交互效果。
- 可扩展性：基于Angular CDK构建，可以方便地扩展和定制拖放功能，满足不同项目的需求。
- 用户友好性：通过直观的拖放操作，提供良好的用户体验，增强应用程序的易用性和可访问性。
应用场景：
- 任务管理系统：可以将任务按照不同的分类和优先级进行拖放排序。
- 页面布局编辑器：可以通过拖放组件来自定义页面的布局和组织结构。
- 导航菜单管理：可以通过拖放菜单项来调整导航菜单的层次结构和顺序。
推荐的腾讯云相关产品： 腾讯云提供了丰富的云计算产品和服务，以下是一些与Angular开发相关的产品：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署和运行Angular应用程序。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务，用于存储应用程序的数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和管理应用程序的静态资源文件。
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能算法和模型，用于开发和部署智能化的Angular应用程序。
更多腾讯云产品信息和详细介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我将这个与一些外部可拖动元素组合在一起。正如您在中所看到的，这些外部可拖动元素不能被拖放到主dropzone中，甚至不能作为内部的子级拖放。我是Angular的新手，尝试了几个步骤都没有结果。首先，我认为我的可拖动元素需要在数组“allDropListsIds”中注册……
编辑："onDragDrop"-function甚至没有被触发，因此我认为被拖放的元素没有被注册，因为作为子元素的位置悬停在没有绿色的拖放颜色您可以尝试拖动一些现
浏览 23提问于2020-02-07得票数 0
1回答
如果我拖动一个元素，它也会触发相同的事件。如何确定拖拽的项目是来自html还是来自外部应用程序(如explorer )。
谢谢。
浏览 1提问于2012-08-29得票数 2
回答已采纳
我的可拖动元素是动态创建的。每次添加项目时，我都会再次调用draggable()。它们有可拖拽的类，但不拖拽。 当编写draggable到调试控制台时，它成功地与非动态元素一起工作。
浏览 45提问于2019-03-23得票数 1
我尝试使用D3.js的d3.behavior.drag() drag事件来更新我的数据模型(不立即设置元素位置)，然后运行我的"draw“函数来更新基于更新后的模型的所有元素。此外，我在包含的group元素上使用了translate transform，以便移动与拖动的对象相关的所有元素(我从下面链接的示例中删除了多余的元素)。这会导致拖拽的元素在拖拽时卡顿，拖拽速度越快，情况会变得越糟。
参见。
浏览 1提问于2012-10-26得票数 20
回答已采纳
我有一个应用程序与一些可拖放和拖拽，我想为一种类型的拖拽(与一个给定的类)这个拖拽只能放在一种类型的拖放。问题是，它依赖于类，在我的网格中，拖拽对象可以拖到任何地方： accept: '.block', drop: handlePublishBlock所以我要做的是，
浏览 8提问于2018-09-24得票数 0
在dropzone中有两个嵌套元素并从外部元素拖动到内部元素时，dragleave操作优先于dragenter。我最初有一个div作为dropzone，它在拖拽时改变类('canDrop')以指示是否可以拖放，而在拖放时类恢复为中立('plainDropZone')。在dragleave上，类再次恢复为中立('plainDropZone')
问题:当从外部dropzone div拖动到内部拖放的div时，外部n
浏览 0提问于2018-12-28得票数 0
从昨天开始，我正在寻找一种方法来保存(mysql + php)的拖拽和重新调整大小的项目与jQuery的完整日历。没有教程，只有几个例子。有人可以发布他的工作json.php，json-events.php和外部数据库更新脚本吗？或者引导我找到最好的解释、教程或示例？
非常感谢大家的帮助！
浏览 0提问于2012-02-01得票数 3
回答已采纳
1回答
我只是想要一个函数，允许使用jQuery (没有外部jQuery插件)拖拽所有可内容编辑子元素。handle_mouseup)} 这允许通过简单地输入$('.div').on("mousedown", draggable);在任何元素上拖拽").off("mousedown.drag").on("mousedown.drag&q
浏览 25提问于2019-09-27得票数 0
1回答
我需要能够拖拽外部HTML元素到完整的日历。我查看了以下内容以获取指导：https://fullcalendar.io/docs/external-dragging 这很好用，我现在可以将拖放元素拖到我的日历中。然而，出于某种奇怪的原因，使用new Draggable()初始化元素会影响被拖动的重影的样式。以下是不拖动时的视图： ? 开始拖动时，会发生以下情况： ? 因为这只在拖动时发生，我甚至不知道如何查看此元素并相应地更改其样式。我试图在
浏览 59提问于2021-09-20得票数 0
回答已采纳
我注意到，在pixi.js版本1.3中，如本例所示，堆叠精灵，然后单击并拖动仅拖曳最上面的精灵。 { // store a refference to the data // we want to track the movement of thi
浏览 4提问于2015-05-16得票数 0
回答已采纳
1回答
我的身体里有几个div：<div id="two"></div>它们都可以用jqueryUI拖拽： stop: dragStop,如果当前拖动
浏览 2提问于2013-06-01得票数 3
回答已采纳
一个可拖放的元素必须放在一个可拖放的元素上。这可以与插入的jquery和jquery-ui脚本完美地配合使用。我的问题是：我怎样才能让droppable对象看到鼠标，并且在被丢弃的时候仍然可以工作？
sym.
浏览 27提问于2016-07-21得票数 0
回答已采纳
1回答
可拖动元素位于引导样式列( jQuery -*)下。例如，我有两个.row，每个都分成4列(使用col-md-3)。我试图让第一行的列是拖拽到第二行可放列。但当我拖动“drag #”元素时，它们总是位于“droppable”元素之下。我不能得到与Bootstrap风格的drop工作。引导示例：
浏览 1提问于2014-12-25得票数 3
回答已采纳
现在，我想知道我是在“内部”拖放(即:拖放发生在与拖放相同的实例中)还是“外部拖放”(相反)在我的拖动数据中传输这样的信息没有问题，问题是更多的是找到这个UId。
浏览 0提问于2011-08-05得票数 0
回答已采纳
1回答
有没有办法获得dragover/dragenter/dragleave事件中与页面相关的X和Y拖拽项的位置？我知道我可以通过调用event.clientX或event.clientY来获得鼠标位置，但我想知道通过拖动创建的浮动元素的位置(可以通过event.dataTransfer.setDragImage()函数设置)function dragOver(event) {}
浏览 0提问于2018-05-15得票数 0
当我将此folder.And部署为外部源时，在.war .war下产生了一场war。我的应用程序可以在本地完美运行。但是当我选择部署为工件时: war爆炸并拖拽项目。请问如何将war分解的工件设置为与/target文件夹中生成的war文件相同。我有挣扎的日子，在网络上找不到解决方案。有没有办法将工件设置为war-exploded，使其行为与war文件相同？
浏览 0提问于2019-02-27得票数 1
1回答
使整个页面可拖动
、、、
我想做一个网页，可以拖在所有方向与不同的HTML元素在所有方向，并加载新的元素，因为你得到了通过AJAX的边缘。我希望通过Bootstrap或JQuery来实现这一点。关于如何让页面像那样拖拽，有什么建议吗？
浏览 0提问于2015-06-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
