如何拖动Angular动态创建的模态

Posted 2023-05-08

【中文标题】如何拖动Angular动态创建的模态

【英文标题】：How to drag Angular dynamic created modals

【发布时间】：2020-10-08 06:41:08

【问题描述】：

嘿，我在我的应用程序中使用 angular 5。我正在使用动态创建的角度材料模态，我需要完整的模态是可拖动的。我尝试了 ngDraggable 但它不起作用，它也没有拖动完整的模式，只有内容是可拖动的。 是否有其他解决方法或解决方案？

【问题讨论】：

你试过这个吗：stackblitz.com/edit/material-draggable-dialog？

我使用的是 Angular 5，这个例子有 Angular 6。这会工作吗？

你可以试试。基本上这是一个简单的指令。只需复制指令，它就会起作用。

经过一些更改后，它正在工作。谢谢。还有一个问题，我如何禁用由这个角度模态创建的叠加层，并从它打开的页面复制数据并粘贴到模态中。

若要禁用覆盖，请在打开对话框时将hasBackdrop 设置为false。注入数据：material.angular.io/components/dialog/examples（见Injecting data when opening a dialog）。

【参考方案1】：

你可以试试这个： https://stackblitz.com/edit/material-draggable-dialog

将指令 JpDraggableDialogDirective 从此 stackblitz 复制到您的项目。