问题标签 [angular-dragdrop]

我正在使用角度拖放，但我无法通过 onStart、onDrag、onDrop 或 onStop 将参数传递给控制器​​。我有许多不同的变体，如下所示，但似乎没有任何效果：

jqyoui-draggable="{onStart: 'onSegmentDragStart(event, ui, timeSegment)'}"

jqyoui-draggable="{onStart: 'onSegmentDragStart({{timeSegment}})'}"

jqyoui-draggable="{onStart: 'onSegmentDragStart({{timeSegment : timesegment}})'}"

使用https://github.com/codef0rmer/angular-dragdrop

我正在寻找一种将项目添加到放置位置的列表的方法。我怎样才能做到这一点？

我试图做到这一点但没有成功

这是最能说明我的问题的plunkr。

https://plnkr.co/edit/VrT7TmK6tY2u4k2NYJ2U?p=preview

有两个面板左侧的面板有一个项目列表，您可以将其拖放到右侧的孔中。孔是用 ng 重复创建的。不幸的是，我无法从屏幕右侧的一口井拖到另一口井。不知道为什么。

和 javascript

var App = angular.module('拖放', ['ngDragDrop']);

这是一个 plunkr 来说明我的问题。

https://plnkr.co/edit/SdRii7l7Wsf9rbuM6byc?p=preview

将过滤器过滤器应用于我的角度集合（填写搜索框）然后将结果拖到其中一个井中。未应用过滤器。我尝试使用拖放文档中提供的过滤器示例，但它似乎不起作用。

我有这段代码可以在文件类型输入中拖放图像。

使用此代码，我可以预览标签中的图像。使用按钮可以完美地工作，但如果我拖放它就不起作用。

问题是当我拖放文件时，如果我得到预览但文件未附加在输入中，我无法将图像上传到服务器。

有什么想法可以解决这个问题吗？

我编辑我的问题并回答自己，以防你们中的一个人服务：

设想 ：

• 从 Angular Material cdk 版本 7.0.3 我们有拖放排序。
  在那个 Drag&Drop 中，我们可以在该 div 中的任何地方单击并拖动。

• 如果不到处点击，只有图标可以点击并拖动整个 div。

• 现在在下面的示例中，您可以在我不想要的任何地方单击并拖动该 div。我只想单击图标并拖动该 div 进行排序。

示例： https ://stackblitz.com/edit/angular-by5l4g

应用网址： https ://angular-by5l4g.stackblitz.io

对于我当前的项目，我正在尝试将拖动元素的一个位置实现到一个 div 内的另一个位置。为此，我使用了 Angular Material 7 CDK 拖放功能。它在整个页面上拖动，但只想在特定的 div 内拖动。但是我在Angular Material 7 CDK拖放中没有看到任何控制边界的选项。

谁能告诉我如何控制材料的边界或建议一些其他可用于 Angular 7 的插件。？

谢谢。

我有 2 个数组。我正在实现一个 Angular 拖放，我想使用 FormArray 来保存元素被放入其中的数组。

问题是我无法将 formcontrol 应用于 div，因为它给出了错误

错误：没有名称的表单控件的值访问器：“语言”

这是html

所以我想实现一个用例，我想使用拖放将一些数据从一个区域（div）复制到另一个区域，我通过在网上冲浪发现 angular/material2 可以通过使用 cdkDropList 完成工作API。我通过 angular/material2 提供的 copyArrayitem 函数实现了它，它完成了工作，一切都很好。问题是，下拉列表总是被排序，而不是我希望我的可拖动组件在放置区域内自由，但是 cdkDropList 强制在区域中排序。
所以我开始在互联网上搜索获取一些解决方案，我发现一些博客谈论 cdkDrop 指令组件，但我猜它没有得到支持，因为我没有找到该组件（cdkDrop）的任何开源代码angular/material2 的 GitHub 存储库，相反我发现了一些关于 cdkDropList 指令中的 cdkDropListSortingDisabled 属性的问题，您可以参考https://github.com/angular/material2/blob/master/src/cdk/drag-drop/ directives/drop-list.ts清楚地理解我在说什么，尤其是在那些行中

知道角材料官方网站（https://material.angular.io/cdk/drag-drop/api），不提供此属性。问题知道，是否有任何可能的解决方案可以直接从 Angular GitHub 存储库中使用此属性？
我尝试使用此行命令将分支添加为我的 package.json 中的依赖项

npm install --save angular/material2#master 但 npm 无法解决此错误
npm ERR！代码 ELIFECYCLE
npm 错误！errno 1
npm 错误！material2-srcs@7.3.4 预安装：节点 ./tools/npm/check-npm.js
npm ERR！退出状态 1
npm ERR！
npm 错误！在 material2-srcs@7.3.4 预安装脚本中失败。
npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。

或者有不同的解决方案来禁用 cdkDropList 中的排序？或执行此操作？注意：Angular 版本 7
尽管我的英语水平很高，但我希望我能接受这个想法。
我将感谢您的帮助（博客或答案）
最好的问候。

我正在尝试在我尝试使用角度材料的 Angular 6 应用程序中添加拖放功能， 这是我要使用的概述链接。我按照入门说明进行操作，但无法使用“@angular/cdk/drag-drop”我尝试安装波纹管包

npm install --save @angular/material @angular/cdk @angular/animations

和

npm install --save @angular/cdk

但仍然缺少波纹管文件夹

从'@angular/cdk/drag-drop'导入{DragDropModule}；

即使按照这些步骤，拖放在我的项目中也不可用。谁能帮我