Angular 8中可拖动和可调整大小的垫对话框

dd

寻找一种方法可以使垫对话框可拖动和可调整大小。到目前为止,我已经使用cdkDrag(DragDropModule)完成了可拖动部分。我尝试使用resize:展位;在CSS中,但似乎无法与可拖动功能结合使用。即,如果我删除CDK可调整大小的作品,反之亦然。

在此处查看代码:https//stackblitz.com/edit/angular-vp8xt7

uminder

在您的中StackBlitz,调整大小手柄出现在对话框的右下角,因此您就快到了。问题在于鼠标事件由拖动功能消耗,而没有移交给调整大小功能。

将a添加cdkDragHandleh1元素可以解决您的问题。

<h1 mat-dialog-title cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>

看看它如何在您的派生StackBlitz上工作

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Java SWT中的可调整大小对话框

来自分类Dev

Div在angular.js中可调整大小

来自分类Dev

div中可调整大小和可拖动的图像

来自分类Dev

拖放后可拖动和可调整大小

来自分类Dev

jQuery UI可调整大小和可拖动的问题

来自分类Dev

jQuery可调整大小在Angular JS中不起作用

来自分类Dev

如何获得可拖动和可调整大小的图像以及仅可调整div的图像?

来自分类Dev

ag-grid angular-列定义中的某些属性(可调整大小)不起作用

来自分类Dev

如何使Material-UI对话框可调整大小

来自分类Dev

jQuery UI在父容器中的可拖动和可调整大小的div中出现z-Index问题

来自分类Dev

jQuery可拖动和可调整大小在动态生成的元素中无法一起使用

来自分类Dev

jQuery UI可拖动+可调整大小的包含问题

来自分类Dev

可调整鼠标大小的可拖动小部件

来自分类Dev

ExtJS 4.2可调整大小的可拖动组件

来自分类Dev

在相同元素上可拖动和可调整大小的jQuery

来自分类Dev

jQuery UI同时使用可调整大小和可拖动

来自分类Dev

具有角度的可拖动和可调整大小的div

来自分类Dev

可拖动和可调整大小的DIV不起作用

来自分类Dev

Javascript Grid UI-可拖动和可调整大小

来自分类Dev

jQuery可调整大小和可拖动无法同时工作

来自分类Dev

jQuery / Javascript可拖动和可调整大小不适用于div克隆

来自分类Dev

在Java中绘制形状对象(可拖动,可调整大小并可以旋转)

来自分类Dev

可调整大小的容器中可拖动元素的收容问题

来自分类Dev

使用Angular ng样式可调整大小的jQuery不起作用

来自分类Dev

如何在Angular中添加可重用的模式对话框?

来自分类Dev

创建可调整大小的视图,当在FLUTTER中从角落和侧面挤压或拖动时会调整大小

来自分类Dev

如何在Angular 6/8的弹出对话框屏幕中显示项目列表

来自分类Dev

Angular JS ng-repeat和模式对话框

来自分类Dev

在Angular中的文件对话框之前允许模式对话框

Related 相关文章

  1. 1

    Java SWT中的可调整大小对话框

  2. 2

    Div在angular.js中可调整大小

  3. 3

    div中可调整大小和可拖动的图像

  4. 4

    拖放后可拖动和可调整大小

  5. 5

    jQuery UI可调整大小和可拖动的问题

  6. 6

    jQuery可调整大小在Angular JS中不起作用

  7. 7

    如何获得可拖动和可调整大小的图像以及仅可调整div的图像?

  8. 8

    ag-grid angular-列定义中的某些属性(可调整大小)不起作用

  9. 9

    如何使Material-UI对话框可调整大小

  10. 10

    jQuery UI在父容器中的可拖动和可调整大小的div中出现z-Index问题

  11. 11

    jQuery可拖动和可调整大小在动态生成的元素中无法一起使用

  12. 12

    jQuery UI可拖动+可调整大小的包含问题

  13. 13

    可调整鼠标大小的可拖动小部件

  14. 14

    ExtJS 4.2可调整大小的可拖动组件

  15. 15

    在相同元素上可拖动和可调整大小的jQuery

  16. 16

    jQuery UI同时使用可调整大小和可拖动

  17. 17

    具有角度的可拖动和可调整大小的div

  18. 18

    可拖动和可调整大小的DIV不起作用

  19. 19

    Javascript Grid UI-可拖动和可调整大小

  20. 20

    jQuery可调整大小和可拖动无法同时工作

  21. 21

    jQuery / Javascript可拖动和可调整大小不适用于div克隆

  22. 22

    在Java中绘制形状对象(可拖动,可调整大小并可以旋转)

  23. 23

    可调整大小的容器中可拖动元素的收容问题

  24. 24

    使用Angular ng样式可调整大小的jQuery不起作用

  25. 25

    如何在Angular中添加可重用的模式对话框?

  26. 26

    创建可调整大小的视图,当在FLUTTER中从角落和侧面挤压或拖动时会调整大小

  27. 27

    如何在Angular 6/8的弹出对话框屏幕中显示项目列表

  28. 28

    Angular JS ng-repeat和模式对话框

  29. 29

    在Angular中的文件对话框之前允许模式对话框

热门标签

归档