问题标签 [angular-dragdrop]

我需要一些关于角度拖放的参考，我浏览了角度文档，但它不起作用，我需要开发一个页面，我可以在其中将工具拖到我的画布上。如果有人知道这一点，请提供帮助。

更新 11.07.2020

Github 上的问题https://github.com/angular/components/issues/19401

原帖

向下或向上拖动项目时，有没有办法调整滚动速度？在 macOS 上的 Firefox 中，它的行为符合预期，越往下拖动项目，滚动速度越快。在 Chrome 和 Safari 中，似乎只有一种速度。

对我来说，Chrome 中的行为最为重要，因为我计划在 ionic 项目中使用拖放。

有人知道滚动是 CDK 中的自定义 javascript 实现还是某些本机浏览器功能？

堆栈闪电战

当在这里使用 [cdkDropListData] 时，控制台上出现错误，无法绑定到“cdkDropListData”，因为它不是“div”的已知属性。

我是角度新手，所以请避免新手行为

我已经在 module.ts 中导入了 CdkDragDrop

这是组件文件。

这是模块文件。

我有一个项目列表，我从其中将一个项目拖放到另一个列表中。我正在使用Angular 的copyArrayItem()方法来不从前一个数组中删除该项目。

我开始拖动，该项目在前一个数组中：显示该项目的占位符。

开始拖动，占位符出现

我要离开前一个数组：占位符/拖动项消失（我希望占位符/拖动项保持不变）-> 起始数组有负 1 个项。

占位符消失，我不想要的

我在目标数组上：一个占位符出现在目标数组中。

我正在删除项目：项目现在出现在 start 和 target 数组中。

我在本地系统中创建了 http:github.com/formio/formio 的克隆。

1. 使用用户/注册表单注册新用户
2. 在注册用户尝试登录以根据条件显示特定表单的帮助下，如 Formio.getUser().data.email === "test@gmail.com" 在控制台中它能够显示为true，但是当我试图在 html 页面中显示为 {{Formio.getUser().data.email === "dwp@gmail.com"}} 时，总是能够显示为 false。
3. 借助表单响应对象，能够根据 form.submissionAccess[4].role 等条件访问特定表单。

在根据登录 emailid 显示特定表单时需要帮助吗？提前致谢.....

我正在尝试使用 Angular Material CDK 将一个 div 拖动到另一个 div，该 div 是原始持有 div 的兄弟。

问题是我可以将它拖动到原始 div 中的任何位置，但它不会超出 div，原始 div 只是随着滚动条而增长。

从下面的代码中你可以看到我正在尝试拖动“example-box”并将其放入“.paper”

我是角度形式的新手。我的要求是将城市（来自后端）放在下拉列表中，但我已经尝试过，但我无法做到这一点。

.service.ts

从上面的 API 我必须获取下拉元素并将其放在选择下拉列表中，例如

.ts

谁能帮我解决这个问题

Angular Material 网站上的所有拖放示例都显示了一个具有 2 个数组的组件：https ://stackblitz.com/angular/volxgedeaga?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-group-例子.ts

但是，如果您有 2 个自定义组件，每个组件代表一个列表，并且您想在这 2 个组件之间拖放项目，那么组织代码的正确方法是什么？

我已经实现了以下解决方案：https ://stackblitz.com/edit/angular-aqfhpg?file=src%2Fapp%2Fcdk-drag-drop-connected-sorting-example.ts

基本上，父组件保存数据（2 个数组），2 个子组件仅显示数据并提供拖放项目的选项。当 drop 事件发生时，子组件会向更新 2 个数组的父组件分派一个事件。

这个解决方案好吗？有没有更好、更简单的方法来实现这一目标？

提前致谢！

我创建了一个基本的角度拖放项目。当我试图放下一张特定的卡片时，它并没有被移动到一个新的容器中。目前，我一直保持警惕。

以下是 stackblitz 链接：https ://stackblitz.com/edit/angular-ivy-ywifh3?file=src/index.html 。你能告诉我如何丢弃卡吗？

我正在尝试构建一个嵌套的拖放，我有一个包含记录和目录的“根”目录。每个目录可以包含更多记录，为此我使用了 CDK Material Drag and Drop。我可以拖动“根”目录中的目录和记录，将记录从目录拖到目录，将记录从“根”目录拖到嵌套目录。但是，我无法将记录从嵌套目录拖到“根”目录。请向我建议如何解决此问题，链接：https ://stackblitz.com/edit/directories-nested-drag-and-drop