javascript - 如何使用 Angular Material DragAndDrop 设置可拖动元素的默认位置？

Question

我想在容器中设置可拖动元素的默认位置。

示例：https ://material.angular.io/cdk/drag-drop/overview#restricting-movement-within-an-element

如何定位元素，例如中心？

标签： javascriptangulardrag-and-dropangular-material

Answer 1

从 Angular Material 版本 8 开始，以下输入可用：

@Input('cdkDragFreeDragPosition') freeDragPosition: { x: number; y：数字；}

设置放置容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置。

https://material.angular.io/cdk/drag-drop/api#CdkDrag

可以在以下位置找到一个示例： https ://angular-tft6n5.stackblitz.io