首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

无法在angular7中拖动动态创建的目录(ckdDrag

angular7中无法拖动动态创建的目录可能是由于未正确引入和配置相关的拖拽库导致的。请确保已按照以下步骤操作:

  1. 安装依赖:在项目根目录下运行以下命令安装angular/cdk库和拖拽相关的模块。
  2. 安装依赖:在项目根目录下运行以下命令安装angular/cdk库和拖拽相关的模块。
  3. 引入模块:在目标组件的模块文件(通常是以.module.ts结尾的文件)中,导入DragDropModuleCdkDrag相关模块。
  4. 引入模块:在目标组件的模块文件(通常是以.module.ts结尾的文件)中,导入DragDropModuleCdkDrag相关模块。
  5. 创建拖拽目标:在组件模板文件中使用cdkDrag指令创建可拖拽的目标。
  6. 创建拖拽目标:在组件模板文件中使用cdkDrag指令创建可拖拽的目标。
  7. 动态创建目标:在组件的控制器中,使用Renderer2来动态创建拖拽目标元素,并在ngOnInit方法中进行初始化。
  8. 动态创建目标:在组件的控制器中,使用Renderer2来动态创建拖拽目标元素,并在ngOnInit方法中进行初始化。

在以上步骤完成后,应该就能够在angular7中拖动动态创建的目录了。请根据实际情况修改以上代码,适配您的具体需求。

附:腾讯云相关产品和产品介绍链接地址:

  • 腾讯云官网:https://cloud.tencent.com/
  • 云服务器CVM:https://cloud.tencent.com/product/cvm
  • 云原生应用引擎TKE:https://cloud.tencent.com/product/tke
  • 人工智能平台AI:https://cloud.tencent.com/product/ai
  • 物联网IoT Hub:https://cloud.tencent.com/product/iothub
  • 移动开发平台MPS:https://cloud.tencent.com/product/mps
  • 云数据库MySQL:https://cloud.tencent.com/product/cdb_mysql
  • 云存储COS:https://cloud.tencent.com/product/cos
  • 腾讯区块链服务TBCAS:https://cloud.tencent.com/product/tbcs
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券