Как заставить CdkDrag работать только на определенных элементах? - PullRequest
0 голосов
/ 20 июня 2019

Я использую 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, чтобы можно было выбрать текст "Некоторый текст, который я хочу скопировать" и можно скопировать.

В настоящее время, независимо от того, что я делаю, каждый дочерний компонент запускает перетаскивание родительского элемента.

Заранее спасибо!

...