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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Utilizzare la session affinity con Azure Container Apps
Inizializzare i container in Azure Container Apps
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Eseguire query verso tipi non mappati in Entity Framework Core
Short-circuiting della Pipeline in ASP.NET Core
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Eseguire una GroupBy per entity in Entity Framework
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Assegnare un valore di default a un parametro di una lambda in C#
Definire stili a livello di libreria in Angular
Ottimizzazione dei block template in Angular 17