angular - 在封闭的材料手风琴中拖放

Question

我在另一个动态手风琴里面有一个动态手风琴，我ng2-dragula用来在手风琴之间拖放元素，所以这是我的手风琴：

<mat-accordion>
    <div *ngFor="let elem of data">
        <mat-expansion-panel>
            <mat-expansion-panel-header>
                <mat-panel-title>
                    <span>{{elem.title}}</span>
                </mat-panel-title>
            </mat-expansion-panel-header>

            <div class="element">
                <mat-accordion [dragula]="'bag'"
                               [dragulaModel]='elem.childArray'>
                    <div *ngFor="let child of elem.childArray">
                        <mat-expansion-panel>
                            <mat-expansion-panel-header>
                                <mat-panel-title>
                                    <span>{{task.name}}</span>
                                </mat-panel-title>
                            </mat-expansion-panel-header>

                            <div class="child-content">
                                {{child.name}}
                            </div>
                        </mat-expansion-panel>
                    </div>
                </mat-accordion>
            </div>
        </mat-expansion-panel>
    </div>
</mat-accordion>

生成的手风琴将如下所示：

在这种情况下，如果我尝试将项目从第二个父手风琴拖到第一个手风琴上，它将无法工作，因为第一个父手风琴已关闭。它应该打开，然后拖放就可以了。

我的问题是，我可以以某种方式在封闭的手风琴中拖放元素，而不用关心打开它吗？

谢谢！