Я использую собственный Angular 7 Drag & Drop, предоставленный @angular/cdk/drag-drop
.
По сути, мне просто нужно создать один сортируемый список внутри другого, как в приведенном ниже коде:
<div class="external-list" cdkDropList (cdkDropListDropped)="drop1($event)">
<div class="external-item" cdkDrag *ngFor="let item of items">
{{item.header}}
<div class="internal-list" cdkDropList (cdkDropListDropped)="drop2($event)">
<div class="internal-item" cdkDrag *ngFor="let row of item.rows">
{{row}}
</div>
</div>
</div>
</div>
Это очень схематический пример, демонстрирующий цель.
Проблема в том, что когда я пытаюсь перетащить внутренние элементы, вместо этого перетаскиваются внешние.
Как я могу решить эту проблему, не прибегая к сторонним пакетам?