拖放闭合材料手风琴

时间:2018-03-01 16:05:24

标签: angular angular-material ng2-dragula

我在另一个动态手风琴中有一个动态手风琴,我正在使用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>

生成的手风琴将在此屏幕中显示:

Result of code above

在这种情况下,如果我尝试将第二个父手风琴中的项目拖动到第一个手风琴,那么它将无效,因为第一个父手风琴会被关闭。它应该打开然后拖放将正常工作。

我的问题是,我可以用某种方式将元素拖放到闭合的手风琴中,而不用关心打开它吗?

谢谢!

0 个答案:

没有答案