ngx可排序的自定义触发器

时间:2019-11-29 14:18:13

标签: javascript angular typescript ngx-sortable

我已经实现了 ngx-sortable ,现在,整个元素都是触发器(可拖动),我需要对项目进行排序。

例如 我想使用左侧的灰色手柄而不是整个项目本身对项目进行排序:

enter image description here

<ngx-sortable [items]="items" [listStyle]="listStyle" (listSorted)="listOrderChanged($event)">
    <ng-template let-item>
        <div class="categories-cont d-flex justify-content-between align-items-center">
            <div class="cont-drag-icon"><i class="icon icon-drag"></i></div>
            <div class="cont d-flex align-items-center w-100">
            <div class="cont-title w-100" i18n>{{item.name}}</div>
            <div class="cont-act" (click)="deleteItem(item)"><i class="icon icon-trash"></i></div>
            </div>
        </div>
    </ng-template>
</ngx-sortable>

0 个答案:

没有答案