Question

我正在尝试使用Dragula（实际上使用angular-dragula）将一行从一个表拖到另一个表。如果两个表都有行，则没有问题，但有时目标表将为空。如何让空表允许丢弃？

Answer 1

也许桌子太小了？尝试更改min-height。

当表格中没有任何内容时插入占位符行 http://plnkr.co/edit/0TBXXZOBAKnGxHig3xzD?p=preview

Answer 2

我使用angular2的力量解决了它。如果数组（模型）为空，我添加一个div作为dragula容器，否则我显示容纳数组的容器。 class drop bag有＆＃34; min-height：50px＆＃34 ;;

    <div *ngIf="models.length > 0">
        <div
        *ngFor="let model of models" 
        [dragula]='"third-bag"'
        [dragulaModel]='models'
        class="dropbag">
            <div class="col-xs-12 center-content">
                <img [src]="model.imageThumb" alt="NA">
            </div>
        </div>
    </div>
    <div *ngIf="models.length <= 0">
        <div
        [dragula]='"third-bag"'
        [dragulaModel]='models'
        class="dropbag">
            <div class="col-xs-12 center-content">
                <img src="" alt="No Content">
            </div>
        </div>
    </div>

使用Dragula将行拖到空表中

2 个答案: