Nello script #159 abbiamo visto come creare uno scope dedicato a una direttiva custom. In quello script abbiamo specificato uno scope monodirezionale, cioè dove lo scope del contenitore imposta il valore delle prorietà dello scope della direttiva. In questo script invece specifichiamo uno scope bidirezionale dove il cambio del valore delle proprietà dello scope della direttiva viene propoagato anche allo scope del contenitore.
Per specificare questo comportamento dobbiamo semplicemente anteporre il carattere "=" al nome della proprietà dello scope padre come mostrato nell'esempio.
.directive('myDir', function () { return { scope:{ Nome: '=Nome', Cognome: '=Cognome' } }; });
A questo punto, quando la direttiva modifica il valore di Nome o Cognome, queste modifiche vengono propagate anche allo scope padre. L'uso della direttiva è visibile come nel prossimo codice.
<my-dir nome="{{parentScopeNome}}" cognome="{{parentScopeCognome}}"></my-dir>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Recuperare App Service cancellati su Azure
Gestire codice JavaScript con code splitting e lazy loading
Gestione CSS in Blazor con .NET 9
Utilizzare WebJobs su Linux con Azure App Service
Referenziare un @layer più alto in CSS
Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento
Generare una User Delegation SAS in .NET per Azure Blob Storage
Gestione ciclo di vita in .NET Aspire
Introduzione ai web component HTML
Gestione degli eventi nei Web component HTML
Creare una libreria CSS universale: Nav menu
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste