gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 08:44:34 24 4
gpt4 key购买 nike

我已经这样做了:

<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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com