Как сделать кнопку включения / выключения на основе [sortablejs]

Question

У меня есть список, в котором есть функция перетаскивания

<div   [sortablejs]="actionList"> 

<div *ngFor="let data of actionList | filterBy: searchValue;let i = index">

и кнопка, подобная приведенной ниже

<button  (click)="save()">  Save</button>

Как включить эту кнопку, только если перетаскивание выполнено с помощьюuser Здесь я использую SortablejsModule для функции перетаскивания для списка

Answer 1

вы можете использовать drageableOption в качестве таких параметров и добавлять функцию при возникновении события перетаскивания.

в вашем html

<div   [sortablejs]="actionList" [sortablejsOptions]="draggableOptions"> 

<div *ngFor="let data of actionList | filterBy: searchValue;let i = index">

и в .ts

import {SortablejsOptions} из 'angular-sortablejs';

export class StockMovementComponent implements OnInit{

disableButton: boolean = true;

draggableOptions : SortablejsOptions = {
    animation: 150,
    onUpdate: () => this.dragDropDataSuccess(),
    scroll: true,
    scrollSensitivity: 100
  };

constructor(){}

ngOnInit() {}

dragDropDataSuccess(){
this.disableButton = false;
}

}