angular - 防止 MatDialog 被拖出窗口

标签 angular drag-and-drop angular-material

我目前正在做一个 Angular 项目。我使用 MatDialog来自 Angular Material 和 drag and drop 的 Angular 模块.我想防止对话框被拖到屏幕窗口之外。有谁知道如何做到这一点?

提前致谢。

最佳答案

您可以设置cdkDragBoundary.cdk-overlay-container它具有屏幕的大小。

Stackblitz

关于angular - 防止 MatDialog 被拖出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59417546/

相关文章:

javascript - 与 Angular 一起使用时,p5.js 中的变量未定义?

javascript - 防止 iFrame 因删除链接而被破坏

ios - 如何在 IOS 的 Objective-C 中使用对齐区域编程拖放

css - Angular Material 对话框内的 4 列布局

javascript - 从 Angular Material 中禁用 'outside click' 上的 'FAB Speed Dialog'

angular - 在 Angular 6 中滚动结束时禁用按钮

javascript - 如何在提交表单后保留选定的日期?

angular - 需要帮助正确输入函数参数

android - 使用 WindowManager.addView 添加动态 View

javascript - 如果未从日期选择器 Material 中选择日期,则禁用按钮