ng-bootstrap - ngb-accordion 在 ngb-panel 中实现 cdkdrag

Question

我正在尝试使用ngb-accordion拖放支持创建手风琴cdkdrag，

但是当我使用 <ngb-panel *ngFor="let content of children; let i = index" cdkDrag [cdkDragData]="content">

我的拖放没有任何反应，然后我尝试将 cdkdrag 移入

<ng-template ngbPanelHeader>
   <div class="card-title d-flex align-items-center justify-content-between"  cdkDrag [cdkDragData]="content">

这会创建拖放功能，但是，当拖动一些卡片标题并尝试将鼠标悬停到其他 ngbPanelHeader 时，视图排序不好并且目的地消失了。我认为它是 ngb-panel 创建的结构，div class="card"我尝试将元素拖到里面div class="card-title

有没有人已经成功地创建了支持拖放的 ngb 手风琴？

Answer 1

我决定使用材料手风琴，许多带有 cdkdrag 的样本材料