Quando inizia il drag di un oggetto, Angular CDK crea un clone di quell'oggetto e lo visualizza accanto al puntatore. In caso di necessità, possiamo personalizzare l'aspetto dell'oggetto durante la fase di dragging inserendo all'interno dell'oggetto stesso un qualunque tag HTML con la direttiva *cdkDragPreview. Grazie a questa direttiva, questo tag HTML non viene generato finchè non inizia la fase di dragging. Quando inizia, questo tag viene generato e mostrato al posto delloggetto principale.
<div cdkDropList (cdkDropListDropped)="drop($event)"> <div *ngFor="let p of people" cdkDrag> {{p.fullname}} <img *cdkDragPreview [src]="p.picture" [alt]="p.fullname"> </div> </div>
In questo esempio, viene generata una lista di oggetti persona dove per ogni elemento viene mostrata la proprietà fullname. Quando l'utente inizia il dragging di uno degli elementi che rappresenta una persona, l'elemento viene clonato, ma al suo posto viene mostrato il tag img che mostra la foto della persona.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Installare le Web App site extension tramite una pipeline di Azure DevOps
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Gestire i null nelle reactive form tipizzate di Angular
Assegnare un valore di default a un parametro di una lambda in C#
Gestire il colore CSS con HWB
Gestire undefined e partial nelle reactive forms di Angular
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Code scanning e advanced security con Azure DevOps
Utilizzare Azure AI Studio per testare i modelli AI
Generare velocemente pagine CRUD in Blazor con QuickGrid
Definire stili a livello di libreria in Angular
I più letti di oggi
- Operazioni di selezione su una DataTable
- annunciato #windowsazure pack: consente di far girare su #windowsserver 2012 e system center on premise i servizi di azure! #msteched
- Aggiungere servizi esterni al ciclo di vita di un'applicazione Silverlight 4.0
- Inviare notifiche toast da background agent con Windows Phone 7.1