防止 MatDialog 被拖出窗口

Question

我目前正在從事一個 Angular 項目。 我將 Angular 材料中的MatDialog與拖放的 Angular 模塊一起使用。 我想防止對話框被拖到屏幕窗口之外。 有誰知道如何做到這一點？

提前致謝。

Answer 1

您可以將cdkDragBoundary設置為具有屏幕大小的.cdk-overlay-container 。

閃電戰

Answer 2

您不能設置一個與屏幕大小相同的框（如疊加層）並在里面創建拖拽？ 像這個例子： https : //stackblitz.com/angular/omronldbxey?file=src%2Fapp%2Fcdk-drag-drop-boundary-example.ts

Answer 3

您可以使用 MatDialog 的所有屏幕尺寸，然后使其可拖動。 此鏈接可能會有所幫助。