angular - 使 Angular 对话框只能通过标题拖动

我已经这样做了:

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

但是该解决方案通过单击窗口的任何位置导致对话框可拖动，这使得无法扩展 <textarea>在内容块内。
理想情况下，我需要一种方法使其仅通过单击标题即可拖动。

最佳答案

在要拖动的元素上设置 cdkDrag。删除 cdkDragRootElement 因为它不是必需的。将 cdkDragHandle 留在原处，它应该可以工作。

 <mat-card cdkDrag>
  <mat-card-header cdkDragHandle>
   Text
  </mat-card-header>
 </mat-card>

关于angular - 使 Angular 对话框只能通过标题拖动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64392576/

相关文章：

Angular 7 - 如何分隔不同目录中的文件