ngb-accordion 在 ngb-panel 中实现 cdkdrag答案

【问题标题】：ngb-accordion implement cdkdrag in ngb-panelngb-accordion 在 ngb-panel 中实现 cdkdrag
【发布时间】：2021-07-11 22:36:18
【问题描述】：

我正在尝试使用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 create div class="card" 的结构，我尝试将元素拖入 div class="card-title

是否有人已经成功创建了支持拖放的 ngb-accordion？

【问题讨论】：

【解决方案1】：

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

【讨论】：