CdkPortal中的CdkDragDrop没有响应
在CDK Portal中，CDK DragDrop是一个用于实现拖放功能的组件。它允许用户通过拖动元素来改变它们的位置或状态。然而，如果CDK DragDrop没有响应，可能是由于以下几个原因：
- 错误的配置：确保CDK DragDrop组件正确配置，并且与所需的元素和事件绑定。检查是否正确设置了拖动源和放置目标，并且相应的事件处理程序已经定义。
- 事件监听问题：CDK DragDrop依赖于事件监听来捕获拖动和放置的动作。确保事件监听器已正确添加，并且与CDK DragDrop组件相关联。检查是否正确设置了拖动开始、拖动结束、放置开始和放置结束等事件监听器。
- 元素属性问题：CDK DragDrop需要一些特定的元素属性来启用拖放功能。确保拖动源和放置目标元素具有正确的属性设置。例如，拖动源元素应该具有
cdkDrag属性，放置目标元素应该具有cdkDropList属性。 - 兼容性问题：CDK DragDrop可能与特定的浏览器或设备不兼容。确保使用的浏览器和设备支持CDK DragDrop功能。如果发现兼容性问题，可以尝试更新浏览器版本或使用其他浏览器。
如果以上方法都无法解决CDK DragDrop没有响应的问题，可以参考腾讯云的相关文档和示例代码，以获取更多关于CDK DragDrop的详细信息和使用指南。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
CdkPortal中的CdkDragDrop没有响应
angular、typescript、angular-cdk、angular-cdk-drag-drop
我正在尝试使用CdkDragDrop对托管在CdkPortal窗口中的列表进行重新排序，但它不起作用。HTML：<ng-content></ng-content>
</div>
&
浏览 33提问于2020-11-12得票数 1
1回答
门户主机不呈现材料2中的模板门户
angular、angular-material
演示柱塞：</ng-template>
基于文档，这个声明式的、只使用标记的实现应该可以工作。
浏览 0提问于2017-05-01得票数 2
回答已采纳
1回答
Range7CDK门户:错误必须提供一个连接门户
angular、angular-cdk
-- ... other code here ... -->最后，这是来自进入路由器出口的组件：</app-action-button>
在"ngAfterViewInit“中，我记录门户变量和"document.querySelector(门户变量是“未定义的”，
浏览 0提问于2018-12-30得票数 4
回答已采纳
2回答
如何在角度上设置上下文[cdkPortalOutlet]
angular、angular-material2
Angular Material中的模块是将动态内容呈现到“PortalOutlet”中的一种非常强大的方法。@ViewChild(CdkPortal) myPortalRef: CdkPortal; Content gets insertedhere:
&l
浏览 3提问于2018-08-12得票数 5
1回答
如何更改ng模板的ViewContainerRef？
angular、angular2-changedetection
这简直把我逼疯了
简而言之。我希望关闭的扩展-面板而不是中的“东西”由ChangeDetection (从ChangeDetection的外接)检查。问题：
如何将投影的ng-template (在本例中为cdkPortal/TemplatePortal)与cd-check-comp: Im in Childs View放在同一个View
浏览 0提问于2020-02-07得票数 1
回答已采纳
1回答
angular-cdk-nested-drag-drop-demo与外部拖拽元素
angular、drag-and-drop、angular-cdk
正如您在中所看到的，这些外部可拖动元素不能被拖放到主dropzone中，甚至不能作为内部的子级拖放。我是Angular的新手，尝试了几个步骤都没有结果。首先，我认为我的可拖动元素需要在数组“allDropListsIds”中注册……
编辑："onDragDrop"-function甚至没有被触发，因此我认为被拖放的元素没有被注册，因为作为子元素的位置悬停在没有绿色的拖放颜色这也可能是connectedDropListsIds模板<e
浏览 23提问于2020-02-07得票数 0
1回答
角CDK门户不是由@ViewChild创建的吗？
javascript、angular、typescript、angular-cdk
试图创建这样的CDK门户：但是，在ngAfterViewInit方法中未定义门户：
ngAfterViewInit(): void {
浏览 3提问于2020-05-28得票数 0
1回答
获取项目在cdkDropList中的下降位置
angular、drag-and-drop、angular-material、angular-cdk
我试图得到(或计算)角材料cdkDropList中掉落物品的x/y坐标。我研究了文档，发现在CdkDragDrop接口中应该有一个名为“距离”的属性，但是在事件的控制台日志中找不到它： console.log
浏览 0提问于2019-07-02得票数 4
回答已采纳
1回答
为CdkDragDrop事件创建虚拟有效载荷
angular、jestjs、jasmine
我想在angular+jest中对方法进行单元测试： if (event.previousContainer ===event.currentIndex, 0, clonedData) this.selectedControl = this.formCtrls[event.currentIndex];是否可以为CdkDragDrop<string[]>创建一个虚拟有效负载，以便我可以使用给定的<
浏览 2提问于2021-11-30得票数 1
回答已采纳
3回答
拖放角度顺序不变
angular、angular-material、angular-cdk、angular-cdk-drag-drop
https://stackblitz.com/edit/angular-dynamic-survey-creation-golkhg创建表单构建器，并将此函数用于droped onDrop(event: CdkDragDrop但是在html中，它正在改变。 ? 在html中数组的顺序正在改变，但在我的json中没有改变，有人能帮我吗？编辑 过了一段时间，我不再接触这个代码，我发现了一些错误，请查看之前和之后的图像，这是之前
浏览 18提问于2020-04-13得票数 0
回答已采纳
2回答
角9 CDK门户错误:必须提供要附加的门户
angular、angular-material、angular-cdk
我遇到了一个困难的事情，似乎相当简单。我试图打开一个新窗口，窗口的角度为9。中包括了app.module.ts
. template: `
<ng-container *cdkPortal<
浏览 7提问于2020-04-22得票数 2
1回答
角4 Portal/CdkPortal在新的子窗口中不工作
angular、typescript、window、portal
我正在一个角4应用程序中工作，我需要在一个新的子窗口中显示一个特定的组件。，我发现了这个堆栈示例我只是复制和粘贴前面的例子角4有什么等价的例子吗？在这个例子<em
浏览 4提问于2020-02-12得票数 3
回答已采纳
1回答
角拖放能在分页和排序启用的垫子表下工作吗？
angular、sorting、paging、drag、drop
我已经实现了一个解决方案，在两个带有数据源数组的mat表之间可以进行拖放。当时，我正在为drop函数使用来自的代码，如下所示： if (event.previousContainer === event.container一般来说，在启用分页和排序的情况下，拖放是否可以在mat表上工作？
浏览 5提问于2020-10-26得票数 1
1回答
cdkPortal和ngTemplateOutlet有什么不同？
angular、angular-template、angular-cdk
为什么人们应该使用而不是内置指令和的角度。它们不是都提供了相同的功能吗？CDK Portal中是否有不包含内置指令的特定特性？
浏览 0提问于2019-07-03得票数 7
回答已采纳
1回答
角度拖放cdk在角度材质对话框中不起作用
javascript、angular、angulardraganddroplists
我想通过拖放angular的CDK来改变列表顺序。它适用于我网站中的任何页面，但当我在材料对话框中使用它时，它就不起作用了。有什么特殊的方法可以让它在对话框中工作吗？我正在尝试的最简单的代码： HTML <div cdkDropList (cdkDropListDropped)="drop($event)"> {{n}
浏览 24提问于2019-04-14得票数 2
1回答
当光标不在物料拖放区中时，移除放置区域的占位符
javascript、angular、angular-material、angular-cdk
当拖动项在拖放区域上移动时，将突出显示该区域，并为该区域创建占位符。但是，如果鼠标点正在移动，则删除区域并释放该项目。它还是掉进了空投区。
一旦鼠标指针从拖放区移开，用户释放鼠标或取消拖动。它应该返回到拖动开始列表。
浏览 1提问于2019-02-06得票数 3
回答已采纳
2回答
如何正确设置角拖放？
angular、typescript、drag-and-drop、angular-cdk、angular-cdk-drag-drop
看我的脚步从‘@/cdk/拖放’导入{ DragDropModule }的app.module.ts ->中的；以及导入：->import { Component, OnInit } from '@angular/core';
groups = [so
浏览 1提问于2020-08-28得票数 1
1回答
角FormArray名称不显示拖放
angular、angular-material、angular-cdk、angular-cdk-drag-drop
尝试使用由cdkDragDrop填充的FormGroup > FormArray。我可以看到数组(3)中的项目数是正确呈现的，但我不能在div中显示值，而是显示对象对象。fb.control('3'), })
}) drop(event: CdkDragDrop
浏览 0提问于2020-06-09得票数 0
回答已采纳
5回答
如何使用Angular7 (角材料)两个部件之间的阻力降
angular、drag-and-drop、angular-material、angular7、angular-cdk
所有示例都是在一个组件中描述的。如何在两个不同的组件中使用它，拖动一个组件项并放到另一个组件中。
浏览 1提问于2018-11-21得票数 35
回答已采纳
1回答
angular 8 cdk门户新窗口问题
javascript、angular、typescript、npm、angular8
在这里输入代码我正尝试在新窗口中打开我的组件，如下所示：
这是我的代码，但它是angular 8，而不是上面例子中的7 ```import {Component, ViewChild, OnInit, ComponentFactoryResolver, ApplicationRef, Injector,
浏览 0提问于2020-06-02得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
