要解决Angular 8中CDK网格上的拖放问题,您可以按照以下步骤进行操作:
npm install @angular/cdk
import { DragDropModule } from '@angular/cdk/drag-drop';
@NgModule({
declarations: [YourComponent],
imports: [DragDropModule]
})
export class YourModule { }
cdkDrag
指令:
Item 1
Item 2
Item 3
onDrop
方法中处理拖动完成后的逻辑:onDrop(event: CdkDragDrop) {
// 处理拖放逻辑
// event.previousContainer - 源容器
// event.container - 目标容器
// event.previousIndex - 拖动前的索引
// event.currentIndex - 拖动后的索引
}
通过按照上述步骤操作,您应该能够在Angular 8中使用CDK实现网格上的拖放功能。