5

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

4

2 回答 2

6

也许桌子太小了？尝试改变min-height.

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

于 2016-06-01T06:19:30.457 回答
3

我通过使用 angular2 的力量解决了这个问题。如果数组（模型）为空，我添加一个 div 作为 dragula 容器，否则我显示包含数组的容器。其中class drop bag有“min-height:50px”；

    <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>
于 2016-06-14T04:30:51.497 回答