如何使CdkDrag仅在某些元素上工作？

Question

我将cdkDrag用于显示一些信息的对话框。本质上，我想要执行的操作是通过标题组件拖动整个div，并让拥有所有标签的子级不触发拖动功能，以便他们可以选择文本并进行复制。

尝试：cdkDragDisabled cdkDragHandleDisabled cdkDropListDisabled

//not exact code.

<div cdkDrag>
  <div class="headerComponent" width="100%" height="50px">
    header component
  </div>
  <div class="bodyComponent"> Some text I want to copy.<div>
<div>

我希望“ headerComponent”仍然触发父母拖动功能并移动整个对话框，但是我希望“ bodyComponent”不触发cdkDrag，以便可以选择文本“我要复制的某些文本”，并且可以复制。

此刻，无论我做什么，每个子组件都会触发父拖动。

谢谢！