【问题标题】:Prevent MatDialog from being dragged out of the window防止 MatDialog 被拖出窗口
【发布时间】:2020-04-12 12:18:12
【问题描述】:

我目前正在做一个 Angular 项目。我使用来自 Angular 材料的 MatDialogdrag and drop 的 Angular 模块。我想防止对话框被拖到屏幕窗口之外。有谁知道怎么做?

提前致谢。

【问题讨论】:

    标签: angular drag-and-drop angular-material


    【解决方案1】:

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

    Stackblitz

    【讨论】:

      【解决方案2】:

      你不能用你的屏幕大小设置一个框(如覆盖)并在 drog inside 中创建拖动吗?像这个例子:https://stackblitz.com/angular/omronldbxey?file=src%2Fapp%2Fcdk-drag-drop-boundary-example.ts

      【讨论】:

        【解决方案3】:

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

        【讨论】:

        • 不幸的是,这个答案对我没有帮助,因为我知道如何使对话框可拖动,而我的问题是不能将对话框拖到窗口外。
        • 我认为如果您在帖子或 stackblitz 链接中添加一些代码会更有帮助。
        猜你喜欢
        • 2017-10-28
        • 1970-01-01
        • 1970-01-01
        • 2012-06-01
        • 1970-01-01
        • 1970-01-01
        • 2011-07-05
        • 2015-05-05
        • 1970-01-01
        相关资源
        最近更新 更多