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>