防止 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 的所有屏幕尺寸，然后使其可拖动。 此链接可能会有所帮助。