Disabilitare il dragging di un elemento in una lista in Angular

di , in HTML5, Angular,

Negli script precedenti abbiamo visto come muovere tramite Drag&Drop gli elementi di una lista per permetterne l'ordinamento o lo spastamento in altre liste. Questi script partivano dall'assunto che ogni elemento potesse essere spostato. Tuttavia ci sono casi in cui alcuni elementi non devono poter essere spostati dall'utente. In questi casi dobbiamo usare la direttiva cdkDragDisabled che accetta un boolean che specifica se l'elemento può essere mosso o meno dall'utente.

<div cdkDropList (cdkDropListDropped)="drop($event)">
  <div
    *ngFor="let p of people"
    cdkDrag
    [cdkDragDisabled]="!p.draggable"}}>{{p.value}}</div>
</div>

Commenti

Visualizza/aggiungi commenti

Disabilitare il dragging di un elemento in una lista in Angular (#260) 1010 1
| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi