如何让动态添加的Angular组件支持cdkDragDrop拖拽功能？

• 先确认动态组件所属的模块已导入DragDropModule（来自@angular/cdk/drag-drop），别只在根模块导入，动态组件的依赖得由自身所在模块提供，否则拖拽指令无法生效。
• 动态创建组件后，需要手动初始化CDK拖拽指令——因为动态生成的内容不会自动触发指令的初始化流程。代码示例：

  const componentRef = this.viewContainerRef.createComponent(YourDynamicComponent);
  // 获取拖拽指令实例
  const dragDirective = componentRef.injector.get(CdkDrag);
  // 手动触发初始化
  dragDirective.initializeDrag();
  

• 如果拖拽功能是在NgbModal对话框内，得等视图完全渲染后再初始化指令。可以在动态组件的ngAfterViewInit钩子中处理：

  ngAfterViewInit(): void {
    const dragDirective = this.injector.get(CdkDrag);
    dragDirective.initializeDrag();
  }
  

• 最后检查CDK与Angular的版本是否匹配，不同版本的拖拽指令初始化逻辑可能有差异，避免因版本不兼容导致问题。

内容的提问来源于stack exchange，提问作者Alexander