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

Question

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

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

Answer 1

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

在h1元素中添加cdkDragHandle可以解决您的问题。

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

了解它如何在分叉的StackBlitz上工作。