问题标签 [dragdropmodule]

Angular 7 DragDropModule我只是想在from的帮助下创建拖放组件@angular/cdk/drag-drop。但我总是收到如下错误。

这是我的HomeComponent.html

和HomeComponent.ts

我知道我错过了一些东西。但不确定，它是什么。非常感谢任何帮助。

在我的项目中，我有两个不同的组件 .SideNav 和 Test。这些组件包含要拖动的元素。我需要将元素从 SideNav 组件拖放到 Test 组件，反之亦然。在材料文档中，他们仅针对一个组件演示了DragDropModule 。

我使用 Angular CDK 拖放模块，它适用于 div、p 等 html 元素。但是由于某种原因，当我在组件上放置 cdkDrag 指令时，它不起作用。

我注意到的另一件事是，角度中的每个组件的宽度和高度都设置为auto（基本上是 0x0），除非我编辑 css 并设置display: block组件样式

你想做什么？

我想使用@angular/cdk( source ) 使模态可拖动，如他们的教程中所示

再生产

npm i @angular/cdk

然后当我在我的文件 xxx.module.ts 中导入模块时：

import { DragDropModule } from '@angular/cdk/drag-drop';

我立即获得错误消息列表：

环境

这是我的package.json：