用途:该技能用于在 ng-events 建筑工地管理系统中,借助 Angular CDK(@angular/cdk)工具创建组件与功能。触发词包括“Angular CDK”“拖放”“浮层”“传送门”“虚拟滚动”“无障碍”“剪贴板”“平台检测”“CDK 工具”。适用于实现拖放、创建浮层/提示/弹出框、构建虚拟滚动列表、管理焦点与无障碍、检测平台或浏览器能力、处理剪贴板操作以及管理滚动行为。
主要能力:核心模块涵盖 @angular/cdk/drag-drop(可拖拽元素与放置区,配合 moveItemInArray、transferArrayItem 等)、@angular/cdk/overlay(浮动面板与弹窗,含定位策略与滚动策略)、传送门(ComponentPortal)、@angular/cdk/scrolling(虚拟滚动,建议列表超过 100 项时使用)、@angular/cdk/clipboard(复制文本到剪贴板)、@angular/cdk/platform(检测 iOS、Android、Firefox、Edge、Safari、WebKit 等)。
使用方式:按需导入具体的 CDK 模块而非完整 @angular/cdk;使用独立组件配合 CDK 指令;正确清理订阅与浮层;在销毁时释放 overlay 与 portal;支持移动端与触摸交互;按需与 Blueprint 多租户集成;遵循三层架构,CDK 仅用于 UI 层,不用于服务或仓储层。
限制:仅适用于 Angular 20.3.x 与 @angular/cdk 20.x;必须考虑无障碍并处理移动端触摸事件;不可在 UI 层之外使用 CDK;创建浮层时必须提供销毁逻辑;未提供安装命令、收费标准或其他细节。