Angular7 - перетащить элемент из дочернего компонента в родительский контейнер - PullRequest
Новая
       20

Angular7 - перетащить элемент из дочернего компонента в родительский контейнер

0 голосов
/ 11 мая 2019

Есть ли способ перетащить элемент (скажем, DIV) из дочернего компонента в родительский контейнер?

Я пытался поместить cdkDrag внутри компонента в DIV, а cdkDropList в контейнер вокруг этого компонента.

Если я добавлю cdkDrag на сам компонент<user-component cdkDrag></user-component> это будет работать, но мне нужно перетащить только один элемент (пользовательское изображение) из user-component.

контейнера: 

<div class="view-container" id="view-container" 
cdkDropList (cdkDropListDropped)="drop($event)"> 
   <user-component></user-component>
</div>

пользовательский компонент: 

<div class="user-image" [style.backgroundImage]="userImage" 
 cdkDrag cdkDragBoundary=".view-container" [cdkDragData]="user"     
 cdkDropListConnectedTo="view-container"></div>
<div class="user-info">
      <h3 class="user-name">{{user?.name}}</h3>
      <p class="user-description">{{user?.description}}</p>
</div>

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

...