angular / angular/components

Support providing multiple drag placeholders

未关闭
#14,539 7 条评论 22 个 reaction 已指派 0 人 在 GitHub 查看
area: cdk/drag-drop feature needs: discussion P4
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### Please describe the feature you would like to request.
Currently there is one type of place holder, the one that's defined with the `*cdkDragPlaceholder` directive.
However the destination container might display the `cdkDrag` item different than the original container.

You can see the issue in here:
https://stackblitz.com/edit/angular-terlwz

If you'll try to drag to the done list the place holder there doesn't show the right layout of the component if it would be dropped.

#### What is the use-case or motivation for this proposal?
I need to take item from one container with a certain layout, and drop the element in other container with different layout. since the layout is different and the way the drag item is viewed in the container is different I suppose the place holder also need to be different.

#### Is there anything else we should know?
I'm also using the drag preview for other feature so I can't use it here.
Maybe the container itself should accept a template for rendering an element that is about to be added.

What do you think?

贡献指南

打开贡献指南

调研方向

首先复现所链接 StackBlitz 示例中的行为,并阅读拖动占位符指令和目标容器的行为。当被拖动的项目能够使用适合其进入的容器的占位符布局,而不依赖现有的拖动预览时,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
功能
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。