防止MatDialog被拖出窗口

Question

我目前正在从事Angular项目。我将Angular材质的MatDialog与drag and drop的Angular模块一起使用。我想防止对话框被拖动到屏幕窗口之外。有谁知道该怎么做？

谢谢。

Answer 1

您可以将cdkDragBoundary设置为具有屏幕尺寸的.cdk-overlay-container。

Stackblitz

Answer 2

不能设置一个与屏幕大小一样的框（如覆盖层）并在其中创建拖动吗？像这个例子：https://stackblitz.com/angular/omronldbxey?file=src%2Fapp%2Fcdk-drag-drop-boundary-example.ts

Answer 3

您可以使用MatDialog的所有屏幕尺寸，然后使其可拖动。这个link可能会有所帮助。